@font-face {
font-family: 'BERNHC';
src: url('../fonts/BERNHC.eot');
src: url('../fonts/BERNHC.eot') format('embedded-opentype'), url('../fonts/BERNHC.woff2') format('woff2'), url('../fonts/BERNHC.woff') format('woff'), url('../fonts/BERNHC.ttf') format('truetype'), url('../fonts/BERNHC.svg#BERNHC') format('svg');
}
.open-sans {font-family: 'Open Sans', sans-serif!important;}
body {font-family: 'Open Sans', sans-serif;}
html, body {height: 100%;}
ul {padding:0}
strong {font-weight:700}
.modal-title, .modal-body h4{text-align:center}
.container {position:relative; z-index:999;}
.page-not-found-img{max-width:100%; margin-bottom:40px}




.top-header {padding:20px 0;}
.top-menu ul {padding:0; margin:0; float:right}
.top-menu li {text-transform:uppercase; list-style:none; display:inline-block; font-size:11px; letter-spacing:0.6px; font-weight:400}
.top-menu li.saperator {padding:0 7px}
.top-search-div {margin-top:7px}
.top-social {float:right}
.top-social ul {padding:0; margin:0}
.top-social li {list-style:none; display:inline-block; margin-left:5px}
.top-social li .hvr-sweep-to-right {border:1px solid #000000; border-left:4px solid #ed1c24}
.top-social li .hvr-sweep-to-right:hover i {color:#FFFFFF;}
.top-social li i {padding:0.7em 0.8em;}
.top-social li .hvr-sweep-to-right:hover {border-color:#ed1c24; cursor:pointer}
.top-search {float:right}
.top-search input {height:37px; border:1px solid #000000; margin:0}
.top-search input[type="text"] {border-right:0; margin-right:-4px; text-indent:10px; font-style:italic; width:222px; float:left;}

.top-search input[type="submit"] {width:33px; background:#ffae00 url("../images/search.png") no-repeat scroll center center / 50% auto; position:relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.top-search input[type="submit"]:hover {width:33px; background:#000 url("../images/search.png") no-repeat scroll center center / 50% auto; position:relative}
header.carousel {height:84%; position:relative}
header.carousel-3 {height: inherit; background:none; z-index:999}
.coming-soon-logo{position:relative; top:8%; z-index:99999; width:100%}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {height: 100%;}
header.carousel .fill {width: 100%; height: 100%; background-position: center; background-size: cover;}
.bottom-twt {background:#1c1d30; width:100%; position:absolute; z-index:999;bottom:0}
.scroll-dwn {position:absolute; z-index:9; width:100%; text-align:center; bottom:-2px;}
.scrollup {display:inline-block; cursor:pointer}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-moz-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}

.arrow {position: absolute; bottom: 140px; width: 86px; height: 80px; margin-left:-42px; background-size: contain;}
.bounce {-moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite;}
.pattern {background:url(../images/dots.png) repeat; position:absolute; width:100%; height:100%; z-index:9; top:0; left:0}
.pattern-2 {background:url(../images/dots-2.png) repeat; position:absolute; width:100%; height:100%; z-index:9; top:0; left:0}
.carousel-caption {font-family: 'Montserrat', sans-serif;}
.carousel-caption h2 {font-size:19px; text-transform:uppercase; font-weight:400; letter-spacing:0.8px}
.carousel-caption h2 span {font-weight:700;}
.carousel-caption h1 {font-weight:800; font-size:39px; text-transform:uppercase; margin-bottom:25px; margin-top:20px; letter-spacing:0.8px}
.raleway{font-family: 'Raleway', sans-serif;}
.comin-soon-carousel .carousel-caption h1{font-size:33px; padding:10px 20px; background:rgba(255,255,255,0.2); display:inline-block; font-weight:700; margin-top:5px}
.comin-soon-carousel .carousel-indicators{bottom:55%}
.comin-soon-carousel .carousel-caption h1 span{font-weight:300}
.comin-soon-carousel .carousel-caption h2 span{font-weight:800; }
.comin-soon-carousel .carousel-caption h2{font-size:76px; font-weight:400; margin-bottom:0; letter-spacing:1px}
.comin-soon-carousel .carousel-3 .fill{  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover;}
.subscribe-coming{position:absolute; top:46%; text-align:center; width:100%; color:#FFFFFF;z-index:999}
.subscribe-coming h3{font-size:25px; font-weight:300}
.subscribe-coming h3 span{font-weight:700}
.subscribe-form input[type="email"]{display:inline-block; height:50px; color:#FFFFFF; font-style:italic; font-weight:400; font-size:18px; text-indent:15px; font-family: 'Open Sans', sans-serif; background:none; border-collapse:collapse; border:1px solid #ffffff; width:64.3%; margin-right:-4px;}
.subscribe-form{width: 568px; margin:0 auto}
.subscribe-form input[type="button"]{display:inline-block; height:50px; color:#000000; width:35%; background:#ffbe00; border:1px solid #ffbe00; font-size:15px; font-weight:700; position:relative; top:-2px;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.subscribe-form input[type="button"]:hover{color:#ffffff; background:#3c5284; border:1px solid #3c5284;}
.btn-creative::before, .btn::after {background-color: #000; content: ""; height: 0; left: 0; position: absolute; transition: height 0.3s ease 0s;width: 100%; z-index: -1; top:0 }
.btn-creative {font-weight:400; font-size:13px; text-transform:uppercase; color: #ffffff; position:relative; border-top: 3px solid; border-bottom: 3px solid; border-color: #ffffff; line-height: 2.5rem; padding: 10px 25px; background-color: transparent;}
.btn-creative:hover, .btn-creative:focus, .btn-creative:active, .btn-creative:active:hover, .btn-creative:active:focus {color: #ffffff;	background-color: transparent; border-color: #fff;}
.btn-creative:hover:before, .btn-creative:hover:after, .btn-creative:focus:before, .btn-creative:focus:after, .btn-creative:active:before, .btn-creative:active:after, .btn-creative:active:hover:before, .btn-creative:active:hover:after, .btn-creative:active:focus:before, .btn-creative:active:focus:after {background-color: #ffae00; height: 102%;}
.btn-creative.btn-inverted {color: #fff; border-color: #fff;}
.btn-creative.btn-inverted:hover, .btn-creative.btn-inverted:focus, .btn-creative.btn-inverted:active, .btn-creative.btn-inverted:active:hover, .btn-creative.btn-inverted:active:focus {color: #000; border-color: #fff;}
.carousel-fade .carousel-inner .item {opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade {background:#000000}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0; opacity: 0; z-index: 1;}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-control {z-index: 2;}
.bottom-twt .carousel {width:100%}
.bottom-twt .carousel-inner {}
.bottom-twt .carousel-inner {width:85%}
.bottom-twt .item {}
.bottom-twt .carousel-caption {top:0; position:relative; width:100%; left:0; text-align:left; font-family: 'Open Sans', sans-serif; padding-left:30px; padding-bottom:20px; padding-top:20px;}
.bottom-twt .carousel-caption::before {font-family:'FontAwesome'; content:'\f099'; position:absolute; left:0; font-size:20px; color:#ffae00}
.bottom-twt .carousel-caption p {font-size:13px; font-weight:300}
.bottom-twt .carousel-caption .lead {font-size:16px; margin-bottom:5px; text-transform:uppercase; font-weight:400 }
.orange-txt {color:#ed1c24}
.no-margin {margin:0!important;}
.no-padding {padding:0!important;}
.bottom-twt .pos-relative {position:relative;}
.news-letter-top {/* Permalink - use to edit and share this gradient: /#272941+0,52697c+100 */
background: #272941; /* Old browsers */
background: -moz-linear-gradient(45deg, #272941 0%, #52697c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #272941 0%, #52697c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #272941 0%, #52697c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272941', endColorstr='#52697c', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding:20px; position:absolute; top:0; height:100%; width:260px; right:0; color:#FFFFFF; font-weight:600; font-size:16px  }
.news-letter-top a {color:#ffffff}
.quote-now {position:relative; z-index:9999; margin-top:12px}
.quote-now a {display:inline-block; text-align:center; border:2px solid #000; padding:5px 15px; font-weight:600; text-transform:uppercase}
.quote-now a:hover, .quote-now a:focus {background:#000000; color:#FFFFFF}
.hotspot {position:relative; top:0px}
.hotspot-subscribe {top:-140px}
.content-section {padding:25px 0;}
.section-top {padding:80px 0}
.content-section h2 {font-weight:700; color:#000000; font-family: 'Montserrat', sans-serif;	margin:0; padding:0;}
.border-creative {margin-bottom: 25px;}
.montserrat {font-family: 'Montserrat', sans-serif;}
.fancy-txt {text-align: right; font-size:30px; font-weight:700; line-height:42px;}
.top-txt {font-weight:400; font-size:15px; color:#000; line-height:27px}
.mrg-b{ margin-bottom:0} 
.light-bg {background:url(../images/light-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover;	-o-background-size: cover; background-size: cover;}
.tab-pane h3 {margin-top:0; font-weight:600; font-weight:18px;}
.tab-pane p {font-size:15px; line-height:27px; font-weight:400; color:#000}
.icon-listing {margin-top:25px}
.icon-listing li {display:block; margin-bottom:18px;}
.icon-listing li:last-child {margin-bottom:0;}


.icon-cont {width:18%; height:63px; border:1px solid #000; text-align:center; font-size:25px; line-height:57px; background:url(../images/orange-tick.png) no-repeat top right; float:left}
.icon-txt {padding-left:15px; float:right; width:82%;}
.icon-txt .lead {font-size:14px; text-transform:uppercase; font-weight:800; margin-bottom:0px; color:#000}
.icon-txt p {font-size:13px; line-height:20px; font-weight:400;}
.top-tabs {}
.gamma-description {background: #ffd800; /* Old browsers */
background: -moz-linear-gradient(45deg, #ffd800 0%, #ff9600 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #ffd800 0%, #ff9600 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #ffd800 0%, #ff9600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd800', endColorstr='#ff9600', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
position: absolute;	top: 4px;	left: 8px; bottom: 4px; right: 8px; text-align: center; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;}
.gamma-description p {font-weight:400; color:#000000; font-size:13px}
.gamma-description img {border:0!important; margin-bottom:12px}
.gamma-description h3 {margin-top:30%; display: inline-block; color:#FFFFFF; vertical-align: middle; width: 100%; padding: 0 20px; margin-bottom:5px;	font-weight: 400; line-height:21px; text-transform: uppercase; font-size: 15px;}
 
.full-link {position:absolute; width:100%; height:100%; z-index:999}
/*Company Certification*/
.company-certification {position:relative; padding:30px 0 40px}
.right-services {position:absolute; right:0; bottom:20%}
.left-services {position:absolute; left:0; bottom:0}
.company-certification h3 {font-size:18px; margin-bottom:5px; margin-top:25px; font-weight:600}
.company-certification p {font-weight:400; font-size:13px; line-height:23px; color:#838282; padding:0 15px} 
/*subscribe*/
.subscribe-section {background:url(../images/projects-bg.jpg) no-repeat center bottom fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative;}
.subscribe-section .container h2 {color:#FFFFFF; margin-top:0}
.subscribe-section .container {color:#FFFFFF; padding:30px 0}
.subscribe-section h4 {font-size:24px; margin-bottom:15px}
.subscribe-section p {width:65%; margin:0 auto 15px; font-size:16px; line-height:23px; font-weight:300}
.subscribe-section input[type="email"] {background:none; border:2px solid #fff; height:40px; color:#FFFFFF;	width:403px; text-transform:uppercase;	text-indent:15px}
.subscribe-section input[type="button"] {background:#fba919; border:0px none; height:40px; color:#FFFFFF; width:180px; font-size:15px; letter-spacing: 1.2px; text-transform:uppercase; margin-left:-2px; font-weight:700; position:relative; top:1px}
.subscribe-section input[type="button"]:hover {background:#436383}/*Staff*/
.staff-section {padding-bottom:65px}
.staff-desc {background:#fff; box-shadow:0 0 8px rgba(0, 0, 0, 0.1); padding:120px 0 0;	margin-top:95px; -webkit-transition: all 0.2s ease-in-out;	-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.staff-section .item:hover .staff-desc {box-shadow:0 0 8px rgba(0, 0, 0, 0.2);}
.staff-desc h5 {font-size:18px; color:#ffb100; line-height:21px; font-weight:700; margin:0}
.staff-desc p {letter-spacing:0.4px; font-size:12px; text-transform:uppercase; color:#4a4a4a; margin-bottom:20px; margin-top:5px}
.bottom-staff {background:#ffc300; color:#FFFFFF; text-align:center; padding:10px 0}
.bottom-staff li {list-style:none; display:inline-block }
.bottom-staff a {display:inline-block; text-align:center; width:30px; color:#fff; border:2px solid #fff; line-height:28px; border-radius:30px;}
.bottom-staff a:hover {background:#436383; color:#ffffff; border:2px solid #436383;}
.staff-section .item {padding:0 5px}
.staff-section .owl-theme .owl-nav {position:absolute; top:45%; width:100%}
.staff-section .owl-prev {float:left; left:-50px}
.staff-section .owl-next {float:right; right:-50px}

/*Counter*/
.counter-section {background:url(../images/counter-bg.jpg) no-repeat center bottom fixed; -webkit-background-size: cover; 	-moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative; padding-top:40px}
.numscroller {font-size: 34px; color: #fff; font-weight:700; line-height: 1.5em; letter-spacing: 3px;}
.counter-section .counter-div {}
.stats-2-img {background: #fff none repeat scroll 0 0; border-radius: 50%; display: inline-block; height: 120px; line-height: 135px; margin-bottom: 10px; text-align: center; width: 120px;}
.counter-section i { color:#fba919; font-size: 3em;}
.counter-section p {font-size:17px; text-transform:uppercase; font-weight:500; margin-bottom:0; letter-spacing:0.5px}
.counter-section .container {color:#FFFFFF!important; padding: 0 0 20px}
.counter-section .container h2 {color:#FFFFFF!important;}
/*News*/
.owl-theme { margin:0 0 5px 0}
.news-section {}
.news-section .owl-theme .owl-nav {position:absolute; top:-65px; right:0}
.news-detls {background:#002e5a; padding:15px 0}
.news-detls li {display:inline-block; padding:0; width:auto; font-weight:400; font-size:12px; margin:0 6px}
.overlay-div {position:absolute; width:100%; height:86%; left:0; top:0%; z-index:9; opacity:0; -webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align:center;}
.overlay-div span {display:inline-block; color:#ffffff; font-size:25px; width:80px; background:rgba(0, 0, 0, 0.7); height:80px; text-align:center;	border-radius:70px;	-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;	transition: all 0.5s ease-in-out;}
.overlay-div i {position:relative; top:22px}
.linkss {margin-top:30%}
.overlay-div a {}
.news-section .item:hover .overlay-div {top:0; opacity:0.7;}
.news-section .item:hover .links {margin-top:32%}
.news-section .item .grid {background:#ffffff}
.news-section .item img {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); transition: all 0.5s ease;}
.news-section .item:hover img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); opacity:0.4;}
/*footer-logo*/
.footer { position:relative}
#contact-us { position:absolute; top:-110px}
.footer-logos {background:#fff;   text-align:center}
.footer-logos .owl-nav { text-align: center; position:absolute; width:100%;	top:20%;}
.footer-logos {overflow:hidden}
.footer-logos .owl-prev {border: 1px solid #7b7b7b;	border-radius: 20px; color: #fff; float:left; position:relative; cursor: pointer; font-size:14px;
height: 35px; width: 35px;}
.footer-logos .owl-next {border: 1px solid #7b7b7b;	border-radius: 20px; color: #fff; float:right; position:relative; cursor: pointer; font-size: 14px; height: 35px; width: 35px;}
.footer-logos .owl-item img {width:auto; display:inline-block;}
.footer-logos {}
.footer-logos .owl-prev, .footer-logos .owl-next {background:#FBBC05; border:0 none}
.footer-logos .owl-prev:hover, .footer-logos .owl-next:hover {background:#000000}
.footer-logos .owl-prev::after {color: #ffffff; content: "\f104"; font-family: "FontAwesome"; font-size: 20px; left:12; position: absolute;top: 3px;}
.footer-logos .owl-next::after {color: #ffffff; content: "\f105"; font-family: "FontAwesome"; font-size: 20px;  right: 12px; position: absolute;top: 3px;}
.owl-prev:hover::after, .owl-next:hover::after {color:#FFFFFF }
.clients-para {margin-bottom:35px; font-size:16px; font-weight:400; line-height:21px; color:#000}
.footer-logos .border-creative {margin-bottom:10px}
/*testimonial*/
.testimonial-section {background:url(../images/testimonial.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;   color:#ffffff}
.testimonial-section .fa {color:#FFFFFF}
.testi-heading h3 {text-transform:uppercase; font-size:18px; font-weight:700; border:2px solid #ffffff; display:inline-block; padding:12px 20px;	font-size:20px; margin-top:0}
.img-and-name {position:relative; display:inline-block; margin-top:15px}
.quote-icon {position:absolute}
.testimonial-section .img-circle {border:6px solid rgba(255, 255, 255, 0.2)}
.testimonial-section blockquote {margin:0; padding:0}
.testimonial-section .carousel-control.left {left:0}
.testimonial-section .carousel-control {border:1px solid rgba(0, 0, 0, 0); width:35px; background:rgba(255, 255, 255, 0.5); height:35px;color:#000000; font-size:20px; margin-top:5%; line-height:31px;}
.testimonial-section .carousel-control:hover {background:#FBBC05;}
.testimonial-section .carousel-control i {top:0;color:#000000;position:relative}
.testimonial-section .carousel-control:hover i {color:#FFFFFF}
.quote-para {font-style:italic; font-weight:600; font-size:14px; line-height:25px; width:75%; margin:10px auto 0}
/*footer*/
.newsletter {top: -45px; position: relative; z-index: 99;}
.newsletter .col-xs-2 {width:64px; padding:0;border:2px solid #000; height:64px; border-radius:50%; text-align:center; margin-right:10px; float:left}
.newsletter .col-xs-2 i {position:relative; top:9px}
.newsletter .col-xs-2 i.flaticon-technology {top:26px}
.newsletter [class^="flaticon-"]::before, .newsletter [class*=" flaticon-"]::before, .newsletter [class^="flaticon-"]::after, .newsletter [class*=" flaticon-"]::after {font-size:30px}
.newsletter .container {background:#ffc300; padding:20px 30px; color:#000000; border-radius:11px;}
.newsletter .container a {color:#000000}
.newsletter .container a:hover {text-decoration:underline}
.newsletter .container h5 {text-transform:uppercase; font-weight:700; font-size:14px; margin-top:5px; margin-bottom:5px}
.newsletter .container p {line-height:21px; font-size:13px; margin-bottom:0; font-weight:400 }
.footer {background:url(../images/footer.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;	-o-background-size: cover; background-size: cover; padding:0px 0 0;	color:#ffffff; margin-top:0px}
.footer-container{overflow-x:hidden}
.foot-social li {display:inline-block; margin-right:5px; font-size:20px}
.foot-social li a {color:#ffd200}
.foot-social li a i {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;	transition: all 0.2s ease-in-out;}
.foot-social li a:hover i {color:#ffffff}
.foot-content p {font-size:13px; line-height:23px; font-weight:400; padding-right:20px}
.foot-logo {height:65px}
.foot-logo h3 {border-bottom:1px solid rgba(255, 255, 255, 0.2); margin-top:0; padding-bottom:15px; text-transform:uppercase; font-size:17px}
.quick-links {padding-right:20px!important; float:left; min-height:154px;}
.quick-links li {list-style:none; line-height:16px;	padding-left:20px; position:relative; margin-bottom:10px; font-size:13px;}
.quick-links li a {color:#FFFFFF}
.quick-links li a:hover {color:#ffc300}
.quick-links li::before {content: "\f105"; font-family: "FontAwesome"; color:#FFFFFF; position:absolute; left:2px}
.insta-pics {border-radius:10px; height:80px; overflow:hidden; padding:0 3px; margin-bottom:6px}
.footer-subscribe input[type="email"] {width:100%; background:none; border:1px solid #848484; height:41px; font-weight:400; text-align:center;	text-transform:uppercase; font-size:13px; letter-spacing:0.2px; margin-bottom:10px}
.footer-subscribe input[type="button"], .footer-subscribe input[type="submit"] { width:100%; background:none; border:1px solid #ffd200;	color:#ffd200; font-weight:700; height:41px; margin-bottom:10px; letter-spacing:0.4px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.footer-subscribe input[type="button"]:hover , .footer-subscribe input[type="submit"]:hover {background:#ffd200; color:#000}
.footer-subscribe p {font-family: 'Open Sans', sans-serif; 	text-transform:uppercase; font-size:13px; letter-spacing:0.2px;}
.copyright {background:rgba(0, 0, 0, 0.5); color:#FFFFFF; padding:15px 0; margin-top:45px; font-weight:400; font-size:12px; text-transform:uppercase}
.copyright a {color:#fba919}

/*________________Preloader_______________ */
#preloader {background:#ffffff url(../images/1.gif) no-repeat center center; height: 100%; position: fixed; width: 100%; z-index: 9999999;
right:0; left:0; bottom:0; top:0;
overflow-y:hidden}
.loading{overflow:hidden}
#preloader > img {display:none}
.parallelogram-container {height:60px; overflow:hidden; width:100%; position:absolute}
#topcontrol {z-index:9999999}
.nav-tabs li a {line-height:50px; position:relative; padding:10px 0px 0px 0px; font-weight:700}
.number-div i:before {line-height:60px; font-weight:normal}
.number-div i {position:relative; top:5px}
.number-div {margin-right:15px}
.nav-tabs>li:hover i, .nav-tabs > li:focus .tab-txt, .nav-tabs > li:hover .tab-txt, .nav-tabs>li.active i {color:#ffffff}
.nav-tabs>li i {color:#f2a700}
.nav-tabs>li a .tab-txt {color:#333}
.number-div {width:42px; display:inline-block}
.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {background:#333}
.inner-header {background:url(../images/inner-header-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 350px; display:table; width:100%; position:relative}
.inner-header .container{z-index:9}

.display-cell {display: table-cell; vertical-align: middle;}
.home-builder-page-title {position: relative; z-index: 2;}
.pos-relative {position:relative}
.home-builder-page-title h1 {color: #fff; font-family: 'Roboto Condensed', sans-serif; font-size: 60px; margin:0; line-height:55px; font-weight: 700;	text-transform: uppercase;}
.home-builder-page-title h1.titlecolor {color: #ffc300; margin:0; display: block; padding-bottom: 15px;}

/*About Page*/
.img-container img {margin-bottom:10px;}
.img-container p {line-height:30px; font-weight:400; color:#4b4b4b}
.about-sec-time {display:inline-table; height:163px; width:100%; font-weight:700;}
.about-sec-time li {margin:0 0.5px; /* Permalink - use to edit and share this gradient: /#4f4f4f+1,000000+100 */	background: #4f4f4f; /* Old browsers */	background: -moz-linear-gradient(45deg, #4f4f4f 1%, #000000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #4f4f4f 1%, #000000 100%); /* Chrome10-25,Safari5.1-6 */	background: linear-gradient(45deg, #4f4f4f 1%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#000000', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ line-height:29px; color:#ffffff; width:24%;}
.about-sec-time li:first-child {background: #ffd800; /* Old browsers */
background: -moz-linear-gradient(45deg, #ffd800 0%, #ffae00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #ffd800 0%, #ffae00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #ffd800 0%, #ffae00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd800', endColorstr='#ffae00', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
line-height:20px!important;	color:#000;	font-size:19px; text-transform:uppercase}
.about-sec-time li i {margin-bottom:5px; font-size:20px}
.two-imgs {margin-top:20px;}
.no-padding-right {padding-right:0}
.no-padding-left {padding-left:0}
.about-what-we-do {background:url(../images/about-2.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover;	-o-background-size: cover; background-size: cover; color:#FFFFFF; line-height:26px; padding-bottom:45px}
.about-what-we-do .container h2 {color:#FFFFFF}
.about-what-we-do .border-creative {margin-bottom:10px}
.services-icons h4 {font-weight:700; margin-bottom:5px}
.services-icons img {position:relative; top:5px}
.services-icons {background:rgba(0, 0, 0, 0.5); padding-top:10px; padding-bottom:5px; border-left:4px solid #febd00; margin-bottom:10px;	margin-right:10px; padding-left:10px}
.services-icons p {font-size:13px; line-height:23px}
.footer-logos .owl-carousel .owl-stage-outer {}
.footer-logos .owl-prev {position:relative; left:0}
.footer-logos .owl-next {position:relative; right:0}
.newsletter .col-xs-6.address {width:46%;}/*services-main*/
.view-detail {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-bottom:30px; color:#ffae00; background:#f0f0f0; display:inline-block; width:100%; padding:10px 15px; text-align:left;	font-weight:600}

.view-detail i {margin-left:5px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

.services-main .col-md-4 h2 {font-size:24px}
.services-main .col-md-4:hover .view-detail {background:#ffae00; color:#FFFFFF}
.services-main .col-md-4:hover .view-detail i {float:right}
.row-2 {/* Permalink - use to edit and share this gradient: /#134976+0,134976+43,ffffff+43,ffffff+100 */
	background: #134976; /* Old browsers */
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	background: -moz-linear-gradient(left, #002e5b 0%, #002e5b 50%, #fafafa 50%, #fafafa 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #002e5b 0%, #002e5b 50%, #fafafa 50%, #fafafa 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #002e5b 0%, #002e5b 50%, #fafafa 50%, #fafafa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e5b', endColorstr='#fafafa', GradientType=1 ); /* IE6-9 */
	color:#FFFFFF
}
.bg-blue {
	background:#002e5b
}
.footer-third, .footer-third a {
	color:#FFFFFF
}
.footer-third .row-2 > div {
	display: table-cell;
	float: none;
	vertical-align: top;
}
.info {
	font-size: 14px;
	line-height: 1.8;
	margin-right: 0;
	padding: 50px;
}
.page-subheader {
	margin: 0 0 30px;
}
.sm-block {
	margin-bottom: 30px;
}
.page-subheader h1, .page-subheader h2 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom:0;
	text-transform: uppercase;
}
.border {
	height:3px;
	width:30px;
	background:#f7b432;
	margin:15px 0
}
.footer-buttons .btn {
	border: 1px solid #ffffff;
	font-weight: 300;
	margin-right: 15px;
	padding-left: 20px;
	padding-right: 20px;
}
.footer-buttons .btn:hover {
	background:#ffffff;
	color:#134976
}
.address-3 p {
	font-size: 13px;
	line-height: 21px;
	margin: 0;
}
.social-footer a {
	margin-right: 10px;
	font-size: 24px;
	display:inline-block;
}
.form-sec .form-control {
	margin:0 0 15px 0;
	display: block;
	width: 100%;
}

.form-sec  h2 { margin:0; padding:0;}


.bg-dark .input, .bg-dark .input:focus, .bg-dark .textarea, .bg-dark .textarea:focus, .bg-dark .select, .bg-dark .select:focus {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #e6e6e6;
	box-shadow: none;
	width: 100%;
	max-width:100%;
	color: #808185;
	font-size: 12px;
	font-weight: 400;
	padding: 7px 15px;
}
.row-2 .page-subheader {
	margin:0
}
.row-2 form {
	padding-top:30px
}
.bg-dark, .bg-dark .page-subheader h1, .bg-dark .page-subheader h2 {
	color:#000000
}
.bg-dark .btn-clear {
	color: #ffffff;
	background:#ffae00;
	font-size: 16px;
	cursor: pointer;
	display: inline-block;
	font-weight: 600;
	padding: 7px 20px;
	border-radius:0;
	border-bottom:3px solid #ef7001;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.services-main {
	padding-bottom:0
}
.bg-dark .blue-btn {
	background:#002e5a;
	color:#FFFFFF;
	border-bottom:3px solid #000000;
}
.bg-dark .btn-clear:hover, .bg-dark .btn-clear:focus {
	background:#000;
	color:#fff
}
.bg-dark .input, .bg-dark .input:focus {
	height: 35px;
}
.mobile-effect a i {
	font-size:20px
}
.mobile-effect {
	margin-bottom:10px
}
.footer-content {
	margin:20px auto 40px
}
.footer-content h2 {
	text-transform:uppercase;
	font-weight:700;
	font-size:20px
}
.footer-content p {
	color:#333333;
	font-size:14px;
	margin-bottom:20px;
}
.round-border {
	width:40px;
	height:40px;
	border-radius:50%;
	border:1px solid #df9937;
	display:inline-block;
	text-align:center
}
.round-border i {
	color:#df9937;
	position:relative;
	top:7px
}
.row-2 [class^="flaticon-"]::before, [class*=" flaticon-"]::before, .row-2 [class^="flaticon-"]::after, .row-2 [class*=" flaticon-"]::after {
font-size:16px!important
}
.row-2 {
	margin-bottom:0;
	margin-top:20px;
}
.call-on {
	padding:30px 0
}
.call-on p {
	line-height:20px;
	font-size:14px
}
.services-listings li {
	display:block;
}
.services-listings li a {
	display:block
}
.tabs-left-services .nav-tabs {
	border:0 none
}
.nav-tabs > li.active > a {
	border-bottom:1px solid #ffa200
}
.tabs-left-services .nav-tabs li a {
	line-height:30px
}
.tabs-left-services .nav-tabs > li i, .tabs-left-services .nav-tabs > li a .tab-txt {
	color: #000000;
}
.tabs-left-services .nav-tabs > li > a .tab-txt {
	font-size:14px
}
.tabs-left-services .nav-tabs > li.active > a, .tabs-left-services .nav-tabs > li.active > a:focus, .tabs-left-services .nav-tabs > li.active > a:hover {
	background:none;
}
.tabs-left-services .nav-tabs > li.active > a .tab-txt, .tabs-left-services .nav-tabs > li.active > a:focus .tab-txt, .tabs-left-services .nav-tabs > li.active > a:hover .tab-txt {
	background:none;
	color:#F2A700
}
.tabs-left-services .nav-tabs > li:hover i, .tabs-left-services .nav-tabs > li:focus .tab-txt, .tabs-left-services .nav-tabs > li:hover .tab-txt, .tabs-left-services .nav-tabs > li.active i {
	color:#F2A700;
	background:none
}
.tabs-left-services .nav-tabs > li > a:focus, .tabs-left-services .nav-tabs > li > a:hover {
	background:none;
	border-bottom:1px solid #ffa200
}/*Brochures*/
.brochures {
	position: relative;
	overflow: hidden;
	padding: 19px;
	border: 1px solid #cccccc;
	margin-top:30px
}
.brochures h4 {
	font-weight:700;
	margin-top:0
}
.brochures p {
	margin: 11px 0;
	font-weight:400;
	line-height:25px;
	color:#333333
}
.brochures-lists {
	padding:0;
	margin:0
}
.brochures-lists li {
	display: block;
	line-height: 43px;
	height: 45px;
	border-radius:5px;
	margin:5px 0 10px;
	background:#002e5b;
	position: relative;
}
.brochures-lists li:last-child {
	margin-bottom: 0px
}
.brochures-lists li a {
	color: #fff;
	padding:0 15px;
	display:block;
	font-size: 16px;
	font-weight: 700;
-webkit-transition: .5s ease;
transition: .5s ease;
}
.brochures-lists li a span {
	display: inline-block;
	font-size: 16px;
	float:right;
	height: 28px;
	margin-left: 9px;
	margin-right: 0;
	padding: 10px 0;
	position: relative;
	font-size: 17px;
	line-height: 25px;
-webkit-transition: .5s ease;
transition: .5s ease;
}
.brochures-lists li a:hover {
	background: #ffcc33;
	color:#000000;
-webkit-transition: .5s ease;
transition: .5s ease;
}
.brochures-lists li a i:before {
	font-size: 18px;
	padding-right: 15px;
	position: absolute;
	right: 0;
	top: 18px;
	color: #ffffff;
}
.brochures-lists li {
-webkit-transition: .5s ease;
transition: .5s ease;
}
.brochures i.icon {
	position: absolute;
	right: 0;
	bottom: -10px;
	font-size: 60px;
	color: #f7f7f7;
}
.services-details-content h3 {
	font-size:19px;
}
.margin-30 {
	margin-bottom:30px
}
.margin-20 {
	margin-bottom:20px
}
.margin-10 {
	margin-bottom:10px
}
.services-details-content {
	font-size:14px;
	font-weight:400;
	line-height:24px;
}
.services-details-content li {
	line-height:30px;
	list-style:none;
	color:#333333;
	position:relative;
	padding-left:20px
}
.services-details-content li:before {
	content:'\f00c ';
	position:absolute;
	left:0;
	color:#002e5b;
	font-family: 'FontAwesome';
}
.accordion-box {
	margin-top:20px
}
.panel-default > .panel-heading {
	color:#fff;
	margin:0 0;
}
.panel > .panel-heading {
	position: relative;
	padding:10px 12px;
	background:#002e5b
}
.panel-title > a.collapsed:after {
	content: '+';
	position: absolute;
	line-height:18px;
	left: 10px;
	font-size:20px
}
.panel-title > a:after {
	content: '-';
	position: absolute;
	line-height:18px;
	left: 10px;
	font-size:20px
}
.panel-body p {
	line-height:24px;
	font-weight:400;
	color:#333333;
	margin:0
}
.panel-title a {
	display:block;
	width:95%;
	font-weight:700;
	font-size:15px;
	padding-left:5%
}
.service-4-col {
	padding:60px 0 40px 0
}
.service-4-col h2 {
	margin:15px 0;
	padding:0;
	font-size:22px;
}
.home-block h3 {
	margin:10px 0 5px;
	padding:0;
	font-size:20px;
	color:#ffcc33
}
.link-text {
	float:right
}
.link-text {
	color:#ffcc33
}
.link-text:hover {
	color:#fff
}
html, body {
	height: 100%;
}
.carousel, .item, .active {
	height: 100%;
}
.carousel-inner {
	height: 100%;
}
.video-wrapper {
	background:url(../images/projects-bg.jpg) no-repeat center bottom fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	padding:120px 0;
	margin-top:50px
}
.player-container {
	color:#FFFFFF;
	position:relative;
	z-index:999
}
.player-container span {
	display:inline-block;
	height:78px;
	width:78px;
	border-radius:50%;
	border:1px solid #fff;
	box-shadow:0 3px 7px rgba(0, 0, 0, 0.7);
	background:rgba(0, 0, 0, 0.2)
}
.player-container span i {
	font-size:30px;
	position:relative;
	top:25px;
	left:3px;
}
.player-container a {
	color:#FFFFFF
}
.player-container h3 {
	color:#FFFFFF!important;
	font-weight:700;
	font-size:31px;
}
.headl h2 {
	text-align:left;
	font-size: 18px;
	margin-bottom: 0;
	font-weight:500;
	padding:0;
	margin-top: 10px;
}
.tags {
	text-align:left;
}
.tags a {
	color: #000000;
	font-weight:400;
	font-style:italic;
	font-size: 13px;
}
.tags a:hover {
	color:#FFAE00
}




.tag-list2 li {
	display:inline-block;
	margin-right:3px;
	margin-bottom:6px;
}
.tag-list2 li a {
	display:inline-block;
	background:#ffae00;
	padding:3px 10px;
	border-radius:3px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:600;
	font-size:11px;
}
.tag-list2 li a:hover {
	background:#00274D
}
 














.services-main h2, .about-page-section h2 {
	margin-top:0
}
.portfolio h2{margin-top:10px}

.blog-bg {
	background:#f4f4f4;
}
.blog-left {
}
.blog-in {
	padding:25px;
	background:#fff;
	box-shadow:0 5px 5px rgba(0, 0, 0, 0.05);
}
.blog-in h1 {
	font-size:26px;
	color:#ffae00;
	text-transform:uppercase;
	font-weight:700;
	margin-top:0
}
.comm-date {
	margin:0 0 10px 0;
	padding:0
}
.comm-date ul {
	margin:0;
	padding:0;
}
.comm-date li {
	margin:0;
	padding:0;
	display:inline-block;
	font-size:13px;
	color:#000000;
	text-transform:uppercase;
	font-weight:600
}
.comm-date li span {
	color:#f26100
}
.comm-date li a {
	color:#000000;
}
.blog-text {
	margin: 10px 0 15px 0
}
.img-cont {
	min-height:430px;
	max-height:430px;
	overflow:hidden
}
.blog-text p {
	font-size:15px;
	font-weight:400;
	color:#444;
	line-height:30px;
}
.share2 {
	line-height:40px;
	color:#ffae00;
	text-transform:uppercase
}
.share2 h4 {
	float:left;
	margin:12px 10px 0 0;
	font-size:13px;
	font-weight:600
}
.share2 a {
	margin:0 0 0 10px;
	padding:0;
	color:#ffae00;
}
.share2 .fa {
	font-size:15px;
}
.share2 a:hover {
	color:#000000
}
.blog-right {
	padding:20px;
	box-shadow:0 5px 5px rgba(0, 0, 0, 0.05);
	background:#fff
}
.blog-right h1 {
	font-size:17px;
	color:#32070c;
	text-align:left;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	text-transform:uppercase;
	margin:0 0 13px 0;
}
.blog-right h4 {
	font-size:12px;
	color:#343434;
	line-height:18px;
	margin-bottom:0;
	text-align:left;
	font-weight:700;
	text-transform:uppercase;
}
.blog-right .input-group {
	margin-bottom:5px;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
}
.blog-right .input-group button, .blog-right .input-group input {
	border-radius:0;
	background:#eeeeee;
	border:0 none;
	height:40px;
	text-transform:uppercase
}
.blog-right .input-group input {
	font-size:12px
}
.blog-right p {
	font-size:12px;
	color:#b5b5b5;
	text-align:left;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	letter-spacing:0.4px
}
.cat-list {
	margin:-15px 0 0 0;
	padding:0;
	font-family: 'Montserrat', sans-serif;
}
.cat-list li {
	font-size:13px;
	color:#8e8e8e;
	text-align:left;
	font-weight:600;
	text-transform:uppercase;
	line-height:50px;
	list-style:none;
	position:relative
}
.cat-list li a {
	color:#8e8e8e;
	border-bottom:dotted #dddddd 1px;
	width:100%;
	padding-left:20px;
	display:inline-block
}
.cat-list li a:before {
	content: "\f101";
	color:#ffae00;
	font-family: "FontAwesome";
	position:absolute;
	left:0
}
.cat-list li a:hover {
	color:#ffae00;
}
.right-logo {
	border:double 3px #000;
	padding:20px
}
.continue i {
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}
.continue {
	display:inline-block;
	background:#fba919;
	color:#FFFFFF;
	border-bottom:3px solid #ff7200;
	padding:10px 15px;
	margin-left:0;
font-size:13px -webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}
.continue:hover {
	background:#00274D;
	border-bottom:3px solid #000000;
	color:#ffffff
}
.continue:hover i {
	padding-left:5px
}
.blog-right a:hover h4 {
	color:#FF6600
}
.faq-section .col-md-8 , .blog-bg .col-md-8 {
	width:68.667%
}
.faq-section .col-md-4 , .blog-bg .col-md-4 {
	width:31.333%
}
.blog-in {
	margin-bottom:30px
}
.border-orange {
	height:2px;
	width:48px;
	background:#ffae00;
	margin:10px 0 20px
}
.tag-list li {
	display:inline-block;
	margin-right:3px;
	margin-bottom:6px;
}
.tag-list li a {
	display:inline-block;
	background:#ffae00;
	padding:3px 10px;
	border-radius:3px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:600;
	font-size:11px;
}
.tag-list li a:hover {
	background:#00274D
}
.right-tags {
	border:2px solid #000;
	padding:5px 10px;
	display:inline-block;
	margin-right:5px;
	font-size:11px;
	font-weight:700;
	margin-top:10px
}
.right-tags:hover {
	background:#fba919;
	color:#FFFFFF;
	border:2px solid #fba919
}
.pro-hr {
	border-color:#dddddd;
	margin:30px 0
}
.dp-container {
	width:15%;
	float:left
}
.dp-container img {
	width:89px;
	border-radius:50%;
}
.main-comment {
	width:85%;
	float:left;
}
.main-comment h4 {
	font-size:13px;
	font-weight:600;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
}
.main-comment span {
	font-style:italic;
	font-family: 'Open Sans', sans-serif;
	text-transform:none;
	font-weight:400;
	color:#7e7e7e;
	margin-left:10px
}
.main-comment p {
	font-weight:400;
	line-height:22px;
	color:#666666
}
.main-comment button {
	background:#ffae00;
	border-radius:5px;
	border:0 none;
	color:#FFFFFF;
	font-weight:600;
	text-transform:uppercase;
	padding:8px 20px;
	font-size:12px;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
}
.main-comment button:hover {
	background:#00274D
}
.reply-form {
	margin-top:20px;
	;
	border:1px solid rgba(0, 0, 0, 0.1);
	padding:25px;
	background:rgba(0, 0, 0, 0.05)
}
.reply-form h3 {
	margin-top:0;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	font-size:16px;
}
.reply-form input[type="text"] {
	width:100%;
	height:40px;
	text-indent:35px;
	background:url(../images/user.png) #FFFFFF no-repeat 15px center;
	border:1px solid #ccc
}
.no-background {
	background:0 none
}
.no-border {
	border:0 none
}
.reply-form input[type="email"] {
	width:100%;
	height:40px;
	text-indent:35px;
	background:url(../images/mail.png) #FFFFFF no-repeat 15px center;
	border:1px solid #ccc
}
.reply-form textarea {
	width:100%;
	height:140px;
	text-indent:25px;
	background:url(../images/message.png) #FFFFFF no-repeat 15px 15px;
	border:1px solid #ccc;
	padding:10px;
	;
	margin-bottom:15px
}
.reply-form .continue {
	padding:7px 15px
}
.top-contact {
	font-size:13px;
	line-height:18px;
}
.icon-contact {
	border:2px solid #ffc300;
	background:none;
	border-radius:10px;
	display:inline-block;
	text-align:center;
width:84px; height:85px
}
.icon-contact i {
	position:relative;
	top:50%;
	color:#ffc300;
	line-height:0px
}
.top-contact p {
	margin:10px 0
}
.top-contact-main {
	margin-bottom:45px
}
.form-section {
	padding:45px 0
}
.form-section label {
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	font-size:16px;
	font-weight:600
}
.form-section input[type="text"], .form-section input[type="email"], .form-section input[type="phone"] {
	width:97%;
	height:50px;
	text-indent:10px;
	background:rgba(255, 255, 255, 0.8)
}
.form-section textarea {
	width:99%;
	height:240px;
	padding:10px;
	margin-bottom:20px
}
.form-section .col-xs-12 {
	margin-top:35px
}
.form-section .submit {
	width:160px;
	margin: 0 2px;
	padding:7px 0;
	background:#efa901;
	border:0 none;
	border-bottom:3px solid #ef7001;
	color:#FFFFFF;
	font-weight:700;
	text-transform:uppercase
}
.form-section .reset {
	width:160px;
	margin: 0 2px;
	padding:7px 0;
	background:#002e5a;
	border:0 none;
	border-bottom:3px solid #000000;
	color:#FFFFFF;
	font-weight:700;
	text-transform:uppercase
}
.form-section .submit:hover, .form-section .reset:hover {
	background:#000000
}

.font-second-head{font-size:21px}
   #mapkit-7453  {
        height:500px;
        width:100%;
    }
	

.top-contact i{font-size:35px}
.top-contact .fa-mobile{font-size:55px}
.top-contact .col-md-4:hover .icon-contact{background:#ffc300; }
.top-contact .col-md-4:hover .icon-contact i{color:#FFFFFF}

.submit {
	
	margin: 0 2px;
	padding:7px 10px;
	background:#efa901;
	border:0 none;
	border-bottom:3px solid #ef7001;
	color:#FFFFFF;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase
}
.reset {
	font-size:16px;
	margin: 0 2px;
	padding:7px 10px;
	background:#002e5a;
	border:0 none;
	border-bottom:3px solid #000000;
	color:#FFFFFF;
	font-weight:700;
	text-transform:uppercase
}

.bottom-links{margin:35px 0}
.z-index-none{z-index:0}


.counter-area{background:rgba(0,0,0,0.5)}

.more-questions {padding-top:20px;}
.more-questions li{list-style:none;  border-bottom:1px dotted #ffffff; background:url(../images/arrow.png) no-repeat 5px center ; padding-left:20px }


.more-questions li:hover {background:url(../images/arrow-h.png) no-repeat 5px center ;}
.more-questions li:hover a{color:#E6B807}
.more-questions a{color:#FFFFFF;line-height:45px;}

.description{color:#777777}
.bg-blue .description{color:#ffffff}

.faq-box{margin-top:0}
.faq-box .panel-body{background:#eeeeee; padding:25px}
.faq-box .panel > .panel-heading{padding:0}
.faq-box .panel-title{height:45px; padding-top:12px}
.faq-box .panel-title > a::after{left: 0; width:35px;    padding:  10px 0 0 0; height:45px; text-align:center; background:#ffc300; color:#000000; top:0}
.faq-box .panel-title a{padding-left:45px}

.faq-section .blog-right{box-shadow:0 0 0 0 rgba(0,0,0,0);}

.support{background:#fff4db url(../images/support.png) 92% 20px no-repeat; border:1px solid #ffe8bb; padding: 20px 15px; margin-bottom:35px}

.support-content{width:75%; font-weight:400; font-size:13px}
.support-content h3{font-size:17px; font-weight:700; margin-top:0}
.support-content p{margin:0}

.privacy-section p{line-height:25px; color:#666666}
.phone-mail{line-height:23px; margin-top:-3px}
.quote-hotspot{top:-90px}


.modal-lg {width:900px}
.bgcolor { background:#fff!important; min-height:400px;}
 
.modal-header { font-size:20px;  text-transform:uppercase; font-weight:700; color:#000000; font-family: 'Montserrat', sans-serif;}
.gamma-description { cursor:pointer;}
#myModal { z-index:999999}



.navbar-fixed-bottom, .navbar-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030;
}


.top-nav-collapse .top-header { display:none;}
.top-nav-collapse .quote-now {display:none;}
.top-nav-collapse .parallelogram {display:none;}
.top-nav-collapse .fixed-menu-logo { display:block; margin:4px 0 0 0;}
.top-nav-collapse .navbar-left  {float:right!important;}
.top-nav-collapse { position:fixed}
.fixed-menu-logo { display:none}
.fixed-menu-logo-2  { display:none}

.top-nav-collapse { border-bottom:2px solid #E6BA07; -webkit-transition: all 1s ease-in-out;	-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
 
.col-center { float:none; margin:0 auto}
body { margin:150px 0 0 0;}
.top-header { background:#fff;}

.snapwidget-1 {border:none; overflow:hidden; width:100%; height:162px; overflow:hidden;}

/*Twitter Handling*/
.twitter-handle {
	width: 100%;
}
.twitter-handle .date {
	display: none
}
.twitter-handle a {
	font-size: 16px;
	color: #ffd200;
	text-decoration: none
}
.twitter-handle .tweet {
	overflow: hidden;
}
.twitter-handle ul {
	width: 99999px;
	min-height: 30px;
	margin:0
}
.twitter-handle ul li {
	width:1170px;
	color:#FFF;
	text-align:left;
	list-style:none;
	min-height: 70px;
	float: left;
	font-weight:400;padding: 0 10px 0 0;
	margin: 20px auto;
}
.screen-name {
	font-size: 16px;
	font-weight:400;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.twitter-handle ul li {
	padding-left: 35px;
	position: relative
}
.twitter-handle ul li::before {
	font-family: 'FontAwesome';
	content: '\f099';
	position: absolute;
	left: 0;
	font-size: 20px;
	color: #ffd200;
}
.search-div { display:none}
.logo2 { display:none} 
/*Twitter Handling*/


/*faq*/
.faq-details h4 { font-size:15px; font-weight:500; color:#333; text-align:left; text-transform:none}
.faq-details p  { border-bottom:solid 1px #e5e3e3; margin:0; padding:0 0 10px 0;  color:#333}
.faq-details p span { font-size:17px; font-weight:bold;  color:#333}
.loader2 { width:130px; margin:0 auto; height:30px; position:relative;}
/*faq*/
.loader2 { width:130px; margin:10px auto 5px auto;  position:relative; z-index:9999999}
.ct { height:40px;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #ed1c24;
}
.nav-tabs > li.active > a {
    border-bottom: 1px solid #ed1c24;
}
.pad60 {
	padding-bottom:60px;
}


/*=======================
  07. Projects CSS
=========================*/
.projects {
	background: #f6f6f6;
}
.projects .project-nav {
	margin: 20px 0 50px 0;
	text-align: center;
}
.projects .project-nav .project-menu {
	display: inline-block;
	margin: 0;
}
.projects .projects-nav ul li {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	padding: 5px 15px;
	border-radius: 0px;
	font-size: 14px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor: pointer;
	text-transform: capitalize;
	text-transform: uppercase;
	font-weight: 500;
	margin: 0 10px 0 0;
	background: #fff;
	color: #353535;
	font-family: 'Roboto', sans-serif;
	background: transparent;
	border: none;
}
.projects .project-nav ul li {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	padding: 8px 15px;
	border-radius: 0px;
	font-size: 14px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
	text-transform: capitalize;
	text-transform: uppercase;
	font-weight: 500;
	margin: 0 5px 0 0;
	background: #fff;
	color: #353535;
	font-family: 'Roboto', sans-serif;
	background: transparent;
	border: none;
}
.projects .project-nav ul li:last-child{
	margin:0;
}
.projects .project-nav ul li.active, 
.projects .project-nav ul li:hover {
	color: #353535;
}
.projects .project-nav .cbp-filter-counter{
	font-size:14px;
	margin-left:5px;
}
.projects .project-single {
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: #fff;
	padding: 10px;
}
.projects .project-inner{
	position:relative;
	overflow:hidden;
}
.projects .project-head {
	position: relative;
	text-align: center;
}
.projects .project-head:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	opacity: 0;
	z-index: 33;
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.projects .project-single:hover .project-head:before{
	opacity:0.9;
}
.projects .project-head img{
	width:100%;
	z-index:2;
}
.projects .project-bottom {
	text-align: center;
	padding: 10px 0 0;
	position: absolute;
	width: 100%;
	text-align: left;
	z-index: 333;
	text-align: center;
	top: 50%;
	margin-top: -23.5px;
}
.projects .project-bottom h4 {
	text-transform: capitalize;
	font-size:14px;
	font-weight: 700;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.projects .project-bottom h4:before{
	position:absolute;
	left:0;
	bottom:0;
	content:"";
}
.projects .project-single:hover .project-bottom h4{
	opacity:1;
	visibility:visible;
}
.projects .project-bottom h4 a{
	color:#fff;
}
.projects .project-bottom h4 span {
	display: block;
	color: #fff;
	font-size: 14px;
	margin-top: 10px;
	font-weight: 400;
}
.projects .button {
	position: absolute;
	text-align: right;
	bottom: 0;
	right: 0;
	z-index: 33;
	background: rgba(255, 255, 255, 0.38);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
	opacity:0;
	visibility:hidden;
	padding: 8px 25px;
	border-radius: 30px 0 0 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.projects .project-single:hover .button{
	opacity:1;
	visibility:visible;
	-webkit-transform:translateX(0%);
	-moz-transform:translateX(0%);
	transform:translateX(0%);
}
.projects .button .btn {
	display: inline-block;
	/*color: #fff;*/
	box-shadow: none;
	padding: 0;
	margin-right: 12px;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #fff;
	z-index: 99;
}
.projects .button .btn:hover{
	/*color:#fff;*/
}
.projects .button .btn:last-child{
	margin:0;
}
.projects .load-button {
	margin-top: 50px;
}
.projects .load-button .btn {
	padding: 14px 30px;
	color: #fff;
	font-weight: 500;
	border: none;
	transition: all 0.4s ease;
	margin: 0;
}
.projects .load-button .btn:hover{
	background:#353535;
}

/* Project Full */
.projects.single .project-single{
	background:transparent;
	padding:0;
}
.projects.single .project-head:before{
	display:none;
}
.projects.single .project-slider{
	position:relative;
}
.projects.single .project-slider #bx-pager {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #0009;
	padding: 10px;
}
.projects.single .project-slider #bx-pager a {
	display: inline-block;
}
.projects.single .project-slider #bx-pager a img {
	width: 90px;
	height: 60px;
	border: 3px solid #fff;
}
.projects.single .project-content{
	margin-top:30px;
}
.projects.single .project-content h2 {
	font-size: 25px;
	text-transform: uppercase;
}
.projects.single .project-content p {
	margin: 15px 0;
}
.projects.single .project-content blockquote {
	margin-bottom: 20px;
	font-size: 15px;
	font-weight: 500;
	border-left: 4px solid;
	color: #353535;
}
.projects.single .project-content .btn {
	color: #fff;
	box-shadow: none;
	border: none;
}
.projects.single .project-content .btn:hover{
	background:#353535;
}
.projects.single .single-sidebar {
	margin-top: 30px;
	background: #fff;
	padding: 10px;
}
.projects.single .project-info {
	background: #353535;
}
.projects.single .single-info {
	margin-bottom: 20px;
	position: relative;
	padding-left: 23px;
}
.projects.single .single-info:last-child{
	margin:0;
}
.projects.single .single-info h4 {
	color: #fff;
	margin-bottom: 5px;
}
.projects.single .single-info i {
	margin-right: 5px;
	position: absolute;
	left: 0;
	color: #fff;
	top: 12px;
}
.projects.single .single-info a {
	color: #fff;
}
.projects.single .brochure {
	text-align: center;
	padding: 0;
}
.projects.single .brochure img {
	width: 100%;
}
.projects.single .brochure a {
	color: #fff;
	display: block;
	padding: 10px;
}
.projects.single .brochure i {
	position: relative;
	margin-left: 10px;
	color:#fff;
	top: 0;
}
h4 span.category {
	font-size:14px;
}
.project-head:before {background-color: #ED1C24;}
.projects .project-head::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0;
    z-index: 33;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
h4 span.category {
	font-size:14px;
}
.projects {
	background-color:#f6f6f6;
}
/*=======================
  End Projects CSS
=========================*/