body{ 

margin:0; 

padding:0; 

font-size:16px; 

overflow-x: hidden; 

background:#eee;

}

.navbar {

	padding: 0.0rem 1rem !important;

}

.dropdown { 

   position: static !important; 

} 

          

.dropdown-menu { 

		width: 100% !important; 

		background:#f6f6f7; 

		border:0px;

		border-radius:0px; 

} 

.subnav-container {

	margin: auto;

	max-width: 1000px;

}

.dropdown-menu a { 

display: inline-block;

margin: 15px 5px 10px 5px;

width: 185px;

opacity: 1;

transition: opacity 500ms; 

padding:0;

}

.dropdown-menu a .submenu1 {

	background-image: url(../images/icon1.png);

}

.dropdown-menu a .submenu2 {

	background-image: url(../images/icon2.png);

}

.dropdown-menu a .submenu3 {

	background-image: url(../images/icon3.png);

}

.dropdown-menu a .submenu4 {

	background-image: url(../images/icon4.png);

}

.dropdown-menu a .submenu5 {

	background-image: url(../images/icon5.png);

}

.dropdown-menu a .submenu6 {

	background-image: url(../images/icon6.png);

}

.dropdown-menu a .submenu7 {

	background-image: url(../images/icon7.png);

}

.dropdown-menu a .submenu8 {

	background-image: url(../images/icon8.png);

}

.dropdown-menu a .submenu9 {

	background-image: url(../images/icon9.png);

}



.dropdown-menu a .submenu {

	display: block;

	margin: auto;

	height: 50px;

	width: 50px;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: contain;

	transform: translateY(-10px);

	transition: transform 500ms ease-out, background-image 250ms;

}

.dropdown-menu a .text {

	color: #000;

	white-space: nowrap; 

	text-align:center;

}

.extreme-bomber,.extreme-mobile { position:relative;}

.extreme-bomber .extreme-bomber-image {

	height: calc(100vh - 100px);

	width: 80%;

	margin: 0 auto 25px 0;

	background-size: cover;

}

.extreme-bomber .extreme-bomber-text {

	position: absolute;

	right: 0px;

	height: calc(100vh - 300px);

	min-height: 480px;

	width: 33%;

	min-width: 480px;

	max-width: 100vw;

	z-index: 1;

	background-color: #f6f6f7; 

	color:#000;

	top: 50px;

}



.extreme-bomber.-flip .extreme-bomber-image {

    margin: 0 0 25px auto;

}



.extreme-bomber.-flip .extreme-bomber-text {

    left: auto;

    left: 0;

}

.vertically-center {

	width: 100%;

	position: absolute;

	top: 45%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	    padding: 25px;

}



.vertically-bottom {

    position: relative;

  align-self: center;

  padding-top: 200px;

    bottom: 15%;

    left: 8%;

}

.extreme-mobile .extreme-mobile-text { padding-top:15px; padding-bottom:15px;}

.extreme-bomber .extreme-bomber-text h5, .extreme-mobile-text h5 { color:#f28526; margin-bottom:25px}

.extreme-bomber .extreme-bomber-text h2, .extreme-mobile-text h2 { font-weight:700; margin-bottom:25px }

.extreme-bomber .extreme-bomber-text p {}

.extreme-bomber .extreme-bomber-text .btn, .extreme-mobile-text .btn { background:#f28526; border-radius:20px; color:#fff; padding:5px 30px;}



.newsSect { 

padding:50px 0; 

background:#ffff; 

margin-bottom:15px;

}

.storySect { 

padding:50px 0; 

background:#f9f9f9; 

margin-bottom:15px;

}

.infoSect{ 

padding:50px 0; 

background:#f9f9f9; 

margin-bottom:15px;

}

.slider {

        width: 100%;

        margin: 30px auto;

    }



    .slick-slide {

      margin: 0px 20px;

    }

	.regular .slick-slide { 

	text-align:center

    }

    .regular .slick-slide img {

	display:inline-block;

	}

    .center .slick-slide img {

      width: 100%;

    }

    .center .slick-slide {

      transition: all ease-in-out .3s;

      opacity: .2;

    }

    

    .center .slick-active {

      opacity: 1;

    }



    .slick-current {

      opacity: 1;

    }

.slider a:hover {

	text-decoration: none; 

	color:#fff

}

.newsroom__image-container {

	height: 18rem;

	padding-top: 0rem;

	padding-bottom: 0rem;

	display: block;

	position: relative;

	background-color: #f2f2f2;

	overflow: hidden;

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.image-container-link {

	width: 100%;

	display: block;

	text-decoration: none; 

	color:#fff

}

.newsroom__image-container-child {

	position: absolute;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #fff;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center center;

}

.newsroom__image-container-child_hove {

	position: absolute;

	top: 0;

	height: 100%;

	width: 100%;

	background: #2b2b2b;

	opacity: 0.6;

}



.left-align {

	left: 1.25rem;

	bottom: 1.625rem;

	text-align: left;

	position: absolute;

	width: 95%;

}

.left-align {

	left: 1.25rem;

	bottom: 1.625rem;

	text-align: left;

	position: absolute;

	width: 95%;

}

.newsroom__image-info--title {

	font-size: 1.25rem;

	margin-bottom: 0rem;

}

.newsroom__image-info--camera-type {

	margin-top: .625rem;

	margin-bottom: .5625rem;

	height: 3.9375rem;

	font-size: 1rem;

	font-weight: 600;

	overflow: hidden;

}

.newsroom__image-info--availibility {

	margin-bottom: 1.125rem;

	font-size: 1.875rem;

	height: 69.95px;

	/* display: block; */

	display: -webkit-box;

	max-width: 100%;

	line-height: 1.1;

	line-clamp: 2;

	-webkit-line-clamp: 2;

	-moz-line-clamp: 2;

	-webkit-box-orient: vertical;

	-moz-box-orient: vertical;

	overflow: hidden;

	text-overflow: ellipsis;

}

.newsroom__image-info--learn-more-btn .btn {

	background: #f28526;

	border-radius: 20px;

	color: #fff;

	padding: 5px 30px;

}

.newsroom__image-container:hover .newsroom__image-container-child {

	-ms-transform: scale(1.1);

	-webkit-transform: scale(1.1);

	transform: scale(1.1);

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.stories_outer { position:relative;}

.stories_image_container {

	height: 25rem;

	 padding: 1.25rem;

	position: relative;

	overflow: hidden;

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.stories_image_info {

	height: auto;

	max-height: 360px;

	min-height: 10rem;

	padding-top: .9375rem;

	padding-bottom: 1.25rem;

	padding-left: 1.25rem;

	position: absolute;

bottom: 20px;

left: 10px;

width: 94%;

opacity: .9;

border-radius: 5px;

color:

#505050;

background-color:

#fff;

z-index: 1;

}



.stories_image_info_heading{

	height: 55px;

	font-size: 1.25rem;

	font-weight: 600;

	line-height: 1.2;

	display: -webkit-box;

	line-clamp: 2;

	-webkit-line-clamp: 2;

	-moz-line-clamp: 2;

	-webkit-box-orient: vertical;

	-moz-box-orient: vertical;

	overflow: hidden;

	/* text-overflow: ellipsis; */

}

.stories_image_info_p {

	font-size: 1rem;

	padding-top: .3125rem;

	height: 5.875rem;

	min-height: 5.875rem;

	max-height: 18.75rem;

	font-weight: 300;

	text-transform: none;

}



.quote_outer { background:#ffff;

padding:20px;

}

.comp_outer { background:#ffff;

padding:20px;

}

.quote_outer .btn,.comp_outer .btn , .contactForm2 .btn{

	background: #f28526;

	border-radius: 20px;

	color: #fff;

	padding: 5px 30px;

}

.quote_outer p,.comp_outer p { 

text-align:justify;

}



footer { 

background:#161827; 

padding:20px 0; 

color:#fff;

}



footer .foot_top { 

margin-bottom:20px;

border-bottom:1px solid #ffffff29; 

padding:20px 0;



}

footer .social a { 

display:inline-block;

color:#fff;

font-size:20px;

margin-right:15px;

}

.quicklink a { color:#fff;}



.inerBaner { 

background-repeat:no-repeat;

background-position: center center; 

padding:205px 0; 

width:100%;

background-size: cover;

}

.sidelink { 

list-style:none;

margin:0; 

padding:0; 

padding-top:50px;

}

.sidelink a { color:#000; 

margin-bottom:15px; 

display:block;

}

.sidelink a i { 

color:#f18320;

}

.parallax {

    position: relative;

    overflow: hidden;

}

.full-screen, html:not(.mobile-browser) .full-screen-desktop {

    min-height: 100vh;

    width: 100vw;

    overflow: hidden;

}

.container-lg {

    margin: auto;

    max-width: 1700px;

    padding: 25px;

}

img {

    max-width: 100%;

}

.background {

    color: #fff;

    background-position: center center;

    background-size: cover;

}

.accordion {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: stretch;

    transition-duration: 800ms;

    width: 100%;

}

.accordion-box {

width: 100%;

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



.accordion-item {

    flex-grow: 1;

    transition-duration: 800ms;

    z-index: 1

}



.accordion-item:not(:last-child) {

    border-right: 1px solid #fff

}



.accordion-item:hover {

    background-color: rgba(195, 32, 50, 0.8);

    cursor: pointer

}



.accordion-item:hover h3.hidden {

    display: inline-block

}



.accordion i.fa.fa-plus,

.accordion #exit-accordion i.fa.fa-times,

.accordion i.fal.fa-plus,

.accordion #exit-accordion i.fal.fa-times {

    border: 1px solid #fff;

    border-radius: 28px;

    padding: 18px;

    margin-right: 12.5px;

    z-index: 2

}



.accordion-item:hover i.fa.fa-plus,

div#exit-accordion:hover i.fa.fa-times,

.accordion-item:hover i.fal.fa-plus,

div#exit-accordion:hover i.fal.fa-times {

    border: none;

    background-color: #fff

}



.accordion-item:hover i.fal.fa-plus:before,

div#exit-accordion:hover i.fal.fa-times:before {

    color: #8a878a

}



.accordion-item span {

    opacity: 0

}



.accordion-item:hover span {

    opacity: 1

}



.accordion-item.active {

    flex-grow: 5

}



.accordion-item.active:hover {

    background-color: transparent

}



.accordion-item.active h3.hidden,

.accordion-item.active p.hidden,

.accordion-item.active .row.hidden,

.accordion.active .accordion-item:hover.active h3.hidden {

    display: block

}



.accordion.active .accordion-item i.fa.fa-plus,

.accordion.active .accordion-item i.fal.fa-plus,

.accordion.active .accordion-item span,

.accordion.active .accordion-item:hover h3.hidden {

    display: none

}



.accordion.active #exit-accordion.hidden {

    display: block;

    top: 100px;

    left: 50%

}

@media (min-width: 1199px) {
.second { margin-right:60%;}
}
@media (min-width: 991px) and (max-width: 1199px) {
.second { margin-right:45%;}
}
@media (min-width: 768px) {

    .accordion-item {

        min-height: 100vh

    }



    .accordion-item .padding {

        height: 350px

    }



    .accordion.active .accordion-item .padding {

        height: 500px

    }



    .accordion.active .accordion-item.active .padding {

        height: 300px

    }



    .accordion.active .accordion-item.active h2 {

        transform: rotate(0deg);

        float: none;

        width: 100%;

        left: 0px

    }



    .accordion.active .accordion-item h2 {

        transform: rotate(90deg);

        float: left;

        width: 100vh;

        transform-origin: left;

        left: 50%

    }

}



@media (max-width: 767px) {

h2, .h2 {

	font-size: 1.8rem  !important;

}

.vertically-bottom {

	position: relative;

	align-self: center;

	padding-top: 50px;

	bottom: 0%;

	left: 0;

}

.inerBaner {

	padding: 100px 0;

}

    .accordion,

    .accordion.full-screen {

        flex-direction: column;

        min-height: calc(100vh + 200px) !important;

        background-position: center right

    }



    .accordion-item:not(:last-child) {

        border-bottom: 1px solid #fff

    }



    .accordion-item:hover {

        background-color: transparent

    }



    .accordion-item h2,

    .accordion-item h3 {

        margin-bottom: 12.5px

    }



    .accordion-item div.absolute {

        position: relative

    }



    .absolute, html:not(.mobile-browser) .absolute-desktop {

    position: absolute;

}

.hidden {

    display: none;

}



    .accordion.active .accordion-item h3.hidden,

    .accordion.active #exit-accordion.hidden {

        display: none

    }



    .accordion-item.active {

        flex-grow: 8

    }



    .accordion.active .accordion-item.active h2,

    .accordion.active .accordion-item h2 {

        transform: rotate(0deg)

    }



    .accordion i.fa.fa-plus,

    .accordion i.fal.fa-plus {

        padding: 14px

    }

}



body .light-grey, body .bg-grey-5 {

    background-color: #f6f6f7;

}

.white, .white-half-opacity, .light-grey, .bg-grey-5, .bg-grey-10, .bg-grey-15 {

    color: #000;

}

body .padding-right {

    padding-right: 75px;

}

body .padding-left {

    padding-left: 75px;

}

body .padding-bottom {

    padding-bottom: 75px;

}

body .padding-top {

    padding-top: 75px;

}

.modal-header h5 { font-weight:700; color:#fff}

#getQuote .modal-header,#getContact .modal-header  {

	background: #f28526;

}

.contactForm .form-control { 

border:1px solid #f28526;

}

.validation { 

font-size:12px; color:#FF0000

}

.btn-a {

	background: #f28526;

	border-radius: 20px;

	color: #fff;

	padding: 5px 30px;

}