@font-face {
    font-family: 'josefin_sansregular';
    src: url('../fonts/josefinsans-regular-webfont.eot');
    src: url('../fonts/josefinsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/josefinsans-regular-webfont.woff2') format('woff2'),
         url('../fonts/josefinsans-regular-webfont.woff') format('woff'),
         url('../fonts/josefinsans-regular-webfont.ttf') format('truetype'),
         url('../fonts/josefinsans-regular-webfont.svg#josefin_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'josefin_sansbold';
    src: url('../fonts/josefinsans-bold-webfont.eot');
    src: url('../fonts/josefinsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/josefinsans-bold-webfont.woff2') format('woff2'),
         url('../fonts/josefinsans-bold-webfont.woff') format('woff'),
         url('../fonts/josefinsans-bold-webfont.ttf') format('truetype'),
         url('../fonts/josefinsans-bold-webfont.svg#josefin_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
*{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
body{ background:#FFF;}
.temp_container{ width:1170px;}
.header{ padding:45px 0;}
.logo{}
.main_menu{ padding:0;}
.header_soc{}
.header_soc .fa{ color:#bebebe; font-size:28px; padding:0 10px;}
.header_soc .flaticon-phonebook{ width:60px; height:60px; border-radius:60px; background:#8bd8db; line-height:60px; color:#FFF;  text-align: center;}
.header_soc .fa:hover{ color:#8bd8db;}

.main_menu .navbar-inverse{ background: none; border: none; margin:0;}
.main_menu .navbar-inverse .navbar-nav > li > a{ font-family: 'josefin_sansregular'; font-size:17px; color:#757575;}
.main_menu .navbar-inverse .navbar-nav > li:hover > a:before{ content:url(../images/main_menu_before.png); position: absolute; top:10px; left:7px;}
.main_menu .navbar-inverse .navbar-nav > li:hover > a:after{ content:url(../images/main_menu_after.png); position: absolute; top:10px;}
.main_menu .navbar-inverse .navbar-nav > li.active a { color:#f05123; }

.main_menu .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a{ box-shadow: none; background: none; color:#999;}
.main_menu .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a{ text-shadow: none;}
.main_menu .navbar-inverse .navbar-nav > li > a:focus, .main_menu .navbar-inverse .navbar-nav > li > a:hover{ color:#f05123;}
.gallery { margin: 13px auto 0; min-height: 300px; padding: 5px 5px 0 5px; position: relative; }
.gallery figcaption{ font-size: 24px;font-family: 'josefin_sansregular';color: #313131 !important;text-align: center;width: 100%;float: left;text-decoration: none; font-weight: 400;}
.main_menu .navbar-inverse .navbar-toggle .icon-bar{ background-color:#ff0505;}
.main_menu .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ padding:0; float:left; margin-left: 15%;}
.footer{ padding:25px 0;}
.footer_copy{ padding:0;}
.footer_copy p{font-family: 'josefin_sansregular'; font-size:16px; color:#757575;}
.footer_soc{ padding:0}
.footer_soc .fa{ color:#bebebe; font-size:28px; padding:0 10px;}
.footer_soc .fa:hover{ color:#8bd8db;}
.footer_develop{ padding:0;}
.footer_develop p{font-family: 'josefin_sansregular'; font-size:16px; color:#757575;}
.footer_develop p a{ color:#757575;}
.contact_blk{ padding:0;}
.contact_blk h1{ color:#2f2f2f; font-size:24px; font-family: 'josefin_sansregular'; margin:0;}
.title_red{ line-height:1px;}
.title_red span{ border-bottom:2px solid #f05123; display: inline-block; width:40px;}
.title_red1{ line-height:1px; margin: 10px 0px 0px 0px; padding:0px;}
.title_red1 span{ border-bottom:2px solid #f05123; display: inline-block; width:40px; float:left;}
.contact_blk > p{ color:#757575; font-size:18px; font-family: 'josefin_sansregular'; line-height:30px; padding:30px 0;}
.contact_blk h2{ color:#2f2f2f; font-size:18px; font-family: 'josefin_sansregular'; text-transform: uppercase; margin:0; text-align:left;}

.contact_enq{ padding:20px 0 0 0;}
.contact_enq .form-horizontal .form-group{ margin:10px 0;}
.contact_enq .form-control{ height: 42px; border: none; border-bottom:1px solid #ddd; border-radius: 0; box-shadow: none; font-size:16px; font-family: 'josefin_sansregular'; color:#757575;}
.contact_enq textarea.form-control{ height: 42px;}
.contact_enq input[type="submit"]{}
.contact_enq select{ padding:6px 7px;}
.contact_enq .form-group1{ padding:0;}
.form-text{font-size: 14px;color: #757575; line-height:24px; padding:20px 0;font-family: 'josefin_sansregular';}


.contact_reach{ padding:30px 0;}
.contact_reach ul{ padding:50px 0 0 0; margin:0;}
.contact_reach ul li{ list-style: none; display: inline-block; text-align: left; padding: 0 25px 25px 0;}
.contact_reach ul li:last-child{ padding-right:0;}
.contact_reach ul li:before{ content: url(../images/location_icon.png); padding-right:30px; float: left; height:95px;}
.contact_reach ul li.phone:before{ content: url(../images/phone_icon.png); padding-right:30px; float: left;}
.contact_reach ul li.message:before{ content: url(../images/message_icon.png); padding-right:30px; float: left;}
.contact_reach ul li p{ font-size:16px; font-family: 'josefin_sansregular'; color:#757575; margin:0; line-height:30px;}
.contact_reach ul li p a{ color:#757575;}

.contact_map{ padding:20px 20px 0 0;}
.contact_enq textarea:focus,.contact_enq input[type="text"]:focus,.contact_enq select:focus { border-bottom: 1px solid #f05123;}
.myclass {background: url(../images/submit_img.png) no-repeat; width: 64px;height: 64px; border:none; outline: none;}
.myclass:hover {background: url(../images/submit_img_hover.png) no-repeat; border: none;width: 64px;height: 64px;}

.contactlinetop{ padding:0 0 30px 0;}
.contactlinetop span{ display: inline-block; border-bottom:1px solid #f1f1f1; width:75%; position: relative;}
.contactlinetop span:before{ width:25%; content:''; border-bottom:1px solid #fefdfd; display:inline-block; position: absolute; left:0; bottom:0}
.contactlinetop span:after{ width:25%; content:''; border-bottom:1px solid #fefdfd; display: inline-block; right:0; bottom:0; position:absolute;}

.nav>li>a {position: relative;display: block;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {color: #fff;background:none;}.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;
text-align: left;list-style: none;background-color: #f05123;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);font-family: 'josefin_sansregular'; font-size:16px;}
.dropdown-menu>li>a {
    display: block;
    padding: 4px 20px !important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #FFF;
    white-space: nowrap;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: #FFF !important;}

.header-portion.inner-portion { background:#f7f7f7; padding: 50px 0px;}

.navbar-nav { float: none;}

.heading h2{font-size:17px; font-weight:bold; font-family:'josefin_sansregular'; color:#f05123; margin:0 auto; display:block; text-align:center;}
.heading h2:after{ content:''; border-top:1px solid #bfbfbf; width:30px; display:block; margin:0 auto; margin-top:8px;}
.camera{margin:0px; padding:70px 0px 20px 0px;}
.camera-1:last-child { border-right: 0px;}
.camera-1 { margin:0 auto; display:block; border-right: 1px dashed #ccc;}
.camera-1 img{ margin:0 auto; display:block; padding-bottom: 20px; transition:0.3s ease-in-out;}
.camera-1 h2{font-size:19px; font-weight:bold; font-family:'josefin_sansregular'; color:#3f3f3f; margin:0 auto; display:block; text-align:center;    padding: 10px 0px 20px 0px; text-transform: uppercase;}
.camera-1 a{font-size:11px; font-weight:bold; font-family:'josefin_sansregular'; color:#f05123; margin:0 auto; display:block; text-align:center;     text-decoration: none;  transition:0.3s ease-in-out;}
.camera-1:hover img{transform:scale(1.05); transition:0.3s ease-in-out;}
.camera-1 ul{ margin: 0 auto; display: block; padding: 0px 20px; min-height: 160px;}
.camera-1 ul li{font-size:14px; font-family:'josefin_sansregular'; color:#000000; margin:0 auto; display:block;}
.camera-1 ul li{ background:url(../images/camera-left-arrow.png) left top no-repeat; padding-left:20px; padding-bottom:13px;}
.camera-1 p{font-size:17px; font-weight:bold; font-family:'josefin_sansregular'; color:#fff; margin:0 auto; display:block; text-align:center; background:#ec7135; padding:8px;  border-radius:7px; margin: 0px 15px;}


.contactenq{ padding: 0 0 0 0;z-index: 2;}
.contactenq .form-group{ padding: 10px 20px; margin: 0;}
.contactenq .form-control { color: #757575; box-shadow:  none; height: 60px; font-size:16px; font-weight: 300; border-radius: 10px; background:  none; border:  none;
border-bottom: 1px solid #ddd; border-radius: 0;}
.contactenq select{ -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.contactenq ::placeholder{ color:#757575; font-size:16px; font-weight: 300;}
.contactenq .submit{ color: #fff; border:  none; padding: 10px 65px; width:  auto; display:  inline-block; font-size: 18px;
font-weight: 400; border-radius: 10px; position: relative; background: #8bd8db; text-transform:  uppercase;}
.contactenq option { color: #353535; font-size:16px; font-weight: 300;}
.contactenq .input-group-addon { padding: 0; border: none; width: 100%; background:  none;}
.contactenq .input-group-addon .fa { position: absolute; right: 10px; top: 22px; color: #353535; font-size: 20px;  z-index: 3; }
.contactenq .form-group label{ font-size: 16px; color: #353535; font-weight: 400; margin-left: 10px;}
.contactenq .form-group span{ color: #353535; font-weight: 600; margin-bottom: 20px; display:  inline-block;}
.contactenq .form-group .form-check{ padding: 0; line-height: 50px;}
.business{position: fixed;right: -200vw;height: 0px;width: 0px;}
.enq_now{position: fixed;left: 0;top: 30%;height: 80px;width: 80px;display: flex;align-items: center;justify-content: center;
rotate: 90deg;}
/* .enq_now p{background-color: #f05123;color: white;font-size: 14px;text-align: center;padding: 8px 4px;border-radius: 100px;} */
.enq_now{
    cursor:pointer;
}

/* Popup background */
.popup_overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999;
}

/* Popup box */
.popup_box{
    background:#fff;
    padding:30px;
    border-radius:10px;
    position:relative;
    width:350px;
    max-width:90%;
}

/* Close button */
.close_popup{
    position:absolute;
    top:10px;
    right:10px;
    border:none;
    background:none;
    font-size:24px;
    cursor:pointer;
}
.btn-whatsapp-pulse {
	background: #25d366;
	color: white;
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 35px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}

.btn-whatsapp-pulse-border {
	bottom: 120px;
	right: 20px;
	animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 25px;
	border: 5px solid #25d366;
	opacity: 0.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse-border {
	0% {
		padding: 25px;
		opacity: 0.75;
	}
	75% {
		padding: 50px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
