@charset "utf-8";



/* CSS Document */

*{ padding: 0; margin: 0;}

body{ padding: 0; margin: 0; font-family:'Open Sans', sans-serif; font-size:16px; text-decoration:none;}

li, ul, ol{ list-style: none;}

h1, h2, h3, h4, h5, h6 { font-style:normal; font-weight:normal; margin:0px; padding:0px;}

a, a img { text-decoration: none !important; border: 0; outline: none !important; transition:all 300ms ease-in-out; -webkit-transition:all 300ms ease-in-out; -ms-transition:all 400ms ease-in-out;}

a:link, a:visited, a:hover, a:active{ vertical-align:middle; border:none;}



/*========== Header Box ==========*/

.navbar-default{ background-color:#FFF; border:none; padding:9px 0px;}

.navbar{ margin-bottom:0px;}

.navbar-brand{ height:auto; padding:0px;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ color:#FFF; background-color:#0f1d41;}

.nav > li > a{ font-family:'Raleway', sans-serif; font-size:16px; font-weight:500; padding:10px 16px;}

.navbar-default .navbar-nav > li > a{ color:#6e6e6e; margin-right: 5px;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{ color:#FFF; background-color:#0f1d41;}

.navbar-nav{ margin:20px 0px;}

.dropdown-menu{ padding:0px;}

.dropdown-menu > li > a{ padding:8px 20px; font-size:16px;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background-color:#0f1d41; color:#FFFFFF;}



/*========== Hero-Images Box ==========*/

.carousel-control{ width:4%;}

.carousel-caption{ left:6%; right:6%; padding:0px; text-align:left; bottom:auto; top:35%;}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{ font-size:0px;}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{ width:42px; height:77px;}

.carousel-control{ opacity:1; text-shadow:none;}

.carousel-control.left, .carousel-control.right{ background-image:none;}

.carousel-control .icon-prev{ left:30%;}

.carousel-control .icon-next{ right:30%;}

.carousel-control .glyphicon-chevron-left{ left:30%; top:43%;}

.carousel-control .glyphicon-chevron-right{ right:30%; top:43%;}

.carousel-caption h3{ font-size:38px; font-weight:300; padding:10px 30px 20px 15px; text-transform:uppercase; line-height:45px; background-color:#001d65; display:table; font-family:'Raleway', sans-serif; text-shadow:none; color:#FFF;}

.carousel-caption a{ text-transform:uppercase; line-height:20px; font-weight:bold; background-color:#ff8a00; display:table; float:left; font-size:20px; padding:15px 50px; margin-top:10px; text-shadow:none; color:#FFF;}

.carousel-caption a:hover{ background-color:#FFF; color:#ff8a00;}



/*========== About Box ==========*/

.about_box{ float:left; width:100%; margin:65px 0px;}

.about_box h1{ display:inline-block; text-align:center; position:relative; margin:0px; font-family:'Raleway', sans-serif; font-size:50px; color:#001d65; font-weight:300; padding-bottom:25px; vertical-align:middle; text-transform:uppercase; width:100%;}

.about_box h1:after{ content:''; position:absolute; left:0px; right:0px; margin:0 auto; background-color:#001d65; height:4px; width:100px; bottom:0px;}

.about_box p{ float:left; width:100%; text-align:center; color:#6e6e6e; font-weight:400; padding-top:35px; line-height:25px; margin:0px;}



/*========== Services Box ==========*/

.service_box{ float:left; width:100%; background:#f4f4f4;}

.service_detail{ width:100%; float:left; padding:40px 0px;}

.service_detail h1{ display:inline-block; text-align:center; position:relative; margin:0px; font-family:'Raleway', sans-serif; font-size:50px; color:#001d65; font-weight:300; padding-bottom:25px; vertical-align:middle; text-transform:uppercase; width:100%;}

.service_detail h1:after{ content:''; position:absolute; left:0px; right:0px; margin:0 auto; background-color:#001d65; height:4px; width:100px; bottom:0px;}

.service_detail p{ float:left; width:100%; text-align:center; color:#6e6e6e; font-weight:400; padding-top:35px; line-height:25px; margin:0px;}

.slider_box{ float:left; width:100%; margin-top:30px;}

.slider_box span{ width:100%; text-align:right; display:inline-block; margin-bottom:10px;}

.prev_arrow, .next_arrow{ display:inline-block; background-color:#929292; margin-left:2px; text-align:center; width:40px; height:40px;}

.prev_arrow i{ font-size:30px; color:#FFF; font-weight:600; line-height:normal; display:inline-block; text-align:center; margin-left:2px;}

.next_arrow i{ line-height:normal; display:inline-block; text-align:center; margin-left:4px; font-size:30px; color:#FFF; font-weight:600;}

.slider-gallery{ overflow:hidden; white-space:nowrap; margin-bottom:30px;}

.slider-gallery > *{ display:inline-flex; margin-right:-4px; float:none;}

.slider_text{ float:left; width:100%; text-align:left; white-space:normal;}

.slider_text img{ width:100%; height:auto; padding:10px; border:1px solid #c5c5c5;}

.slider_text h2{ font-size:20px; color:#001d65; font-weight:bold; padding-top:20px; float:left; width:100%; text-transform:uppercase;}

.slider_text p{ float:left; width:100%; line-height:25px; font-size:16px; font-weight:400; color:#6e6e6e; padding-top:8px; text-align:left; margin:0px;}

.slider_text a{ font-size:16px; float:left; color:#001d65; font-weight:bold; border:1px solid #001d65; padding:10px 15px; text-transform:uppercase; margin-top:15px;}

.slider_text a:hover{ color:#6e6e6e; border:1px solid #6e6e6e;}



/*========== Before & After Box ==========*/

.before_box{ float:left; width:100%; margin:40px 0px 60px;}

.before_box h1{ display:inline-block; text-align:center; position:relative; margin:0px; font-family:'Raleway', sans-serif; font-size:50px; color:#001d65; font-weight:300; padding-bottom:25px; vertical-align:middle; text-transform:uppercase; width:100%; margin-bottom:50px;}

.before_box h1:after{ content:''; position:absolute; left:0px; right:0px; margin:0 auto; background-color:#001d65; height:4px; width:100px; bottom:0px;}

.before_detail{ float:left; width:100%; margin:0px;}

.before_detail p{ font-size:18px; font-weight:400; color:#6e6e6e; float:left; line-height:25px; width:100%; margin:0px; padding-top:15px;}

.before_detail a{ float:left; width:100%; text-transform:uppercase; font-size:16px; color:#001d65; font-weight:bold; padding-top:15px; margin:0px;}

.before_detail a span{ font-size:18px; line-height:22px; display:inline-block; margin-left:10px; font-weight:bold;}

.before_detail a:hover{ color:#6e6e6e;}

.before_detail img{ float:left; width:100%; height:auto;}



/*========== Footer Box ==========*/

.footer_box{ float:left; width:100%; background-color:#0f1d41; padding:50px 0px;}

.footer_detail{ float:left; width:100%; padding-right:20px;}

.footer_detail h1{ float:left; position:relative; font-family:'Raleway', sans-serif; font-size:20px; color:#a5a9ab; font-weight:700; padding-bottom:15px; text-transform:uppercase; width:100%; margin-bottom:10px;}

.footer_detail h1:after{ content:''; position:absolute; left:0px; background-color:#FFF; height:3px; width:50px; bottom:0px;}

.footer_detail ul{ margin:0px; padding:0px; text-decoration:none; list-style:none; float:left; width:100%; margin-top:5px;}

.footer_detail li{ padding-top:0px; text-decoration:none;}

.footer_detail li a{ font-size:16px; font-weight:400; color:#FFF; padding:0px 0px; line-height:30px;}

.footer_detail li a:hover, .contact_detail a:hover{ color:#a5a9ab;}

.contact_detail{ float:left; width:100%; margin-top:10px; position:relative;}

.contact_detail span{ font-size:20px; color:#FFF; font-weight:600; width:7%; text-align:center; display:inline-block; float:left; line-height:normal;}

.contact_detail p, .contact_detail a{ float:left; width:93%; font-size:16px; color:#FFF; font-weight:400; padding-left:15px; margin:0px;}

.contact_detail input{ float:left; width:100%; font-size:16px; color:#858585; font-weight:400; padding:12px 15px 12px 35px; border:none; background-color:#FFF; position:relative;}

.contact_detail i{ float:left; font-size:18px; color:#858585; position:absolute; left:10px; top:0px; line-height:47px;}

.contact_detail input[type="button"]{ float:left; padding:13px 40px; background-color:#a5a9ab; border:none; font-size:16px; font-weight:bold; color:#0f1d41; text-transform:uppercase;width:auto; margin-top:20px;}

.contact_detail input[type="button"]:hover{ color:#FFF;}

.last_footer{ float:left; width:100%; background-color:#a5a9ab; padding:15px 0px;}

.footer_left{ float:left; padding:0px; width:100%; text-align:center;}

.footer_left p{ text-align:left; width:100%; float:left; font-size:16px; color:#0f1d41; font-weight:400; line-height:22px; margin:0px; padding-top:5px;}

.footer_right{ float: right; width: 67%;}

.footer_right p{ color:#0f1d41; font-weight:400; line-height:22px; margin:0px; padding-top:5px; text-align:left; width:auto; float:left; font-size:16px; padding-right:15px;}

.facebook{ display:inline-block; vertical-align:middle; width:32px; height:32px; background:url(../images/facebook.png) no-repeat left top; text-indent:-9999px; text-align:center; margin:0px 5px;}

.facebook:hover{ background:url(../images/facebook.png) no-repeat left -32px;}

.twitter{ display:inline-block; vertical-align:middle; width:32px; height:32px; background:url(../images/twitter.png) no-repeat left top; text-indent:-9999px; text-align:center; margin:0px 5px;}

.twitter:hover{ background:url(../images/twitter.png) no-repeat left -32px;}

.googleplus{ display:inline-block; vertical-align:middle; width:32px; height:32px; background:url(../images/google_plus.png) no-repeat left top; text-indent:-9999px; text-align:center; margin:0px 5px;}

.googleplus:hover{ background:url(../images/google_plus.png) no-repeat left -32px;}

.instagram{ display:inline-block; vertical-align:middle; width:32px; height:32px; background:url(../images/instagram.png) no-repeat left top; text-indent:-9999px; text-align:center; margin:0px 5px;}

.instagram:hover{ background:url(../images/instagram.png) no-repeat left -32px;}

.pintrest{ display:inline-block; vertical-align:middle; width:32px; height:32px; background:url(../images/pintrest.png) no-repeat left top; text-indent:-9999px; text-align:center; margin:0px 5px;}

.pintrest:hover{ background:url(../images/pintrest.png) no-repeat left -32px;}



/*========== About Page ==========*/

.hero_box{ float:left; width:100%; margin:0px; position:relative; min-height:560px; background-repeat:no-repeat; background-size:cover;}

.hero_text{ float:left; background-color:#ff8a00; position:absolute; bottom:0px; left:0px; right:0px; width:100%;}

.hero_text h1{ float:left; width:100%; padding:30px 0px; font-size:50px; color:#FFF; font-weight:400; font-family:'Raleway', sans-serif; text-transform:uppercase;}

.about_concept{ float:left; width:100%; padding:50px 0px;}

.about_concept p{ font-size:15px; font-weight:400; color:#626262; padding-bottom:20px; float:left; width:100%; line-height:22px; margin:0px;}

.about_right_cont{ float:left; width:100%; background-color:#f9f9f9; border:1px solid #ccc; padding:15px; text-align:center;     margin-bottom: 20px;}

.about_right_cont h1{ font-size:25px; color:#333; font-weight:600; padding-top:0px; float:left; width:100%; font-family:'Raleway', sans-serif; line-height:22px; text-align:left;}

.right_text{ float:left; width:100%; border-bottom:1px solid #ccc; padding-bottom:25px; text-align:left;}

.right_text:last-child{border-bottom:none; padding-bottom:0px; margin-bottom:0px;}

.right_text p{ font-weight:400; font-size:15px; color:#626262; width:100%; float:left; line-height:22px; padding-top:25px; margin:0px; padding-bottom:6px;}

.right_text a{ width:100%; float:left; text-transform:uppercase; margin:0px; font-size:15px; color:#0f1d41 !important; font-weight:bold !important; padding:0px !important; background-color:transparent !important;}

.right_text a span{ font-size:18px; margin-left:7px; display:inline-block;}

.right_text a:hover{ color:#626262 !important;}

.right_text h2{ font-size:15px; float:left; font-weight:400; color:#626262; padding-top:22px; width:100%; padding-bottom:7px;}

.right_text h2 strong{ font-size:16px;}

.right_text i{ float:left; font-size:17px; color:#0f1d41; margin-right:5px;}

.about_concept h6{ float:left; width:100%; font-size:40px; font-weight:500; color:#0f1d41; padding-top:20px; font-family:'Raleway', sans-serif; text-transform:uppercase; padding-bottom:10px;}

.about_concept a{ float:left; padding:15px; background-color:#0f1d41; font-size:18px; color:#FFF; font-weight:600; text-transform:uppercase;}

.about_concept a:hover{ background-color:#626262; color:#0f1d41;}

.about_right_cont h5{ display:inline-block; text-align:center; font-size:32px; color:#374569; font-weight:600; text-transform:uppercase; font-family:'Raleway', sans-serif; border-bottom:3px solid #374569; padding-bottom:7px;}

.about_right_cont h4{ float:left; width:100%; text-align:center; font-size:23px; font-weight:500; color:#444; line-height:27px; padding-top:30px; padding-bottom:20px;}



/*========== Contact Page ==========*/

.contact_box, .contact_text{ float:left; width:100%; padding-top:30px;}

.contact_text h1{ float:left; width:100%; font-size:30px; font-weight:600; color:#303030; padding-bottom:10px;}

.contact_text p{ font-size:16px; color:#303030; font-weight:400; line-height:22px; float:left; width:100%; padding-bottom:15px; margin:0px;}

.contact_info{ float:left; width:100%; margin-top:10px; text-align:center;}

.contact_info i{ background-color:#0f1d41; width:50px; height:50px; padding:12px 0px; font-size:26px; color:#FFF; float:left; text-align:center; line-height:20px;margin-right:2px;}

.contact_info h2{ float:left; line-height:26px; font-size:17px; width:87%; color:#FFF; font-weight:600; background-color:#0f1d41; padding:12px 17px; text-align:left;}

.contact_cont{ float:left; width:100%; margin-top:53px;}

.contact_input_box{ float:left; width:100%; padding-top:20px;}

.contact_input_box input, .contact_input_box textarea{ float:left; width:100%; border:2px solid #0f1d41; padding:13px 20px; font-size:15px; color:#303030; font-weight:400; line-height:22px;}

input.wpcf7-form-control.wpcf7-submit, input[type="button"]{ float:left; width:auto; background-color:#b7b7b7; border:2px solid #0f1d41; color:#0f1d41; font-weight:600; line-height:23px; padding:13px 20px; font-size:16px; text-transform:uppercase;}

input.wpcf7-form-control.wpcf7-submit:hover ,input[type="button"]:hover{ background-color:transparent;}

.map{ float:left; width:100%; margin-top:25px;}

.map iframe{ float:left; width:100%; height:400px;}





.contact_detail p.wysija-paragraph{

	padding-left: 0px;	

}

input.wysija-submit.wysija-submit-field{

float: left;

    padding: 13px 40px;

    background-color: #a5a9ab;

    border: none;

    font-size: 16px;

    font-weight: bold;

    color: #0f1d41;

    text-transform: uppercase;

    width: auto;

    margin-top: 20px;

}

.about_concept .foogallery-thumbnail a{

    border: 0px solid #fff !important;

	margin: 11px!important;	

}

.about_concept a{

    padding: 4px!important;

}

.about_concept .foogallery-thumbnail a{

	border: 0 !important;	

}

.about_concept .foogallery-thumbnail a:hover{

	border: 0px!important;	

}

div.wpcf7-validation-errors{border: 2px solid #ff8a00; float: left;}

.beforeAfterGallery_modal li img{width:auto !important;}