/*@import url(http://fonts.googleapis.com/css?family=Lato:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,700);*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;}
html, body{min-height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none; position: relative;}
body{position:relative; }

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
.clearfix:after, .grid-block:after, .deepest:after {
    clear: both;}
.clearfix:before, .clearfix:after, .grid-block:before, .grid-block:after, .deepest:before, .deepest:after {
    content: "";
    display: table;
}

.fl { float: left}
.fr { float: right}
/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {}

/* Create the Default Paragraphs */
p { font-size: 16px; line-height: 26px;}

h1,h2,h3,h4,h5,h6{ font-family: 'Raleway', sans-serif; font-weight: 400; }
/* Specific Header Settings */
h1 { font-size:40px;}
h2 { font-size:32px;}
h3 { font-size:20px;}
h4 { font-size:18px;}
h5 { font-size:16px;}
h6 { font-size:14px;}


/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;display: block;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color: #ff5629;  text-decoration:none;}
a:hover {color: #222;  text-decoration:none;}
a:active {color: #222;  text-decoration:none;}
a:focus {outline: none;  text-decoration:none; color: #c69c6d;}
a.current{color: #e8941a;}


/* 5. Forms
------------------------------------------------------------------------------*/

input[type='submit'],input[type='email'],input[type='text'],input[type='password'],input[type='button']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }


/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}


/* Removes fieldset borders. even on Opera 7 */
fieldset {border: 1px solid transparent;}

/*font-family: 'Ubuntu', sans-serif;*/

/* 7. Framework
------------------------------------------------------------------------------*/

/* Common CSS */
/*common margin style*/
.m0{margin:0 !important;}
.mr20{margin-right:20px;}
.mt20{margin-top:20px !important;}
.mb80{margin-bottom:80px !important;}
.mb30{margin-bottom:30px !important;}
.mt25{ margin-top:25px !important;}
.mt50{ margin-top:50px !important;}
.mr0{margin-right: 0 !important;}
.mr5 {margin-top:5px; }
/*all padding zero*/
.p0{padding:0 !important;}
.pt20{padding-top:20px;}
.p-tb20{padding-top:20px; padding-bottom:20px;}

/*common display style*/
.dis-b{display:block}
.pos_rel{ position:relative;}
.hidden{ display:none !important;}

/*border*/
.no_bdr{border:none !important;}

/*common fonts style*/
.f16{ font-size:16px !important;}
.f18{ font-size:18px !important;}
.fbold{font-weight:bold;}
.opa1{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1;}
.opa0{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;  opacity:0; }


/*****************pagination -nav *********************/
#pagination { text-align:center; overflow:hidden; padding:40px 0 0}
.pagination {    border-radius: 0;}
.pagination > li > a, .pagination > li > span {  background-color: #e4e4e4;  border: 1px solid #e4e4e4; color:#5c5c5c; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.pagination > li { float:left;}
.pagination > li + li { margin:0 0 0 10px;  }
.pagination > li:first-child > a, .pagination > li:first-child > span {  border-bottom-left-radius: 0;  border-top-left-radius: 0;  margin-left: 0;}
.pagination > li:last-child > a, .pagination > li:last-child > span {  border-bottom-right-radius: 0px;  border-top-right-radius: 0px;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {  background-color: #5c5c5c;  border-color: #5c5c5c;  color: #fff;  z-index: 3;
}

/*transition effect*/
.tra{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/* Page template */ 
body{ font-family: 'Lato', sans-serif; font-weight: 400;  font-size: 16px; color: #5c5c5c; }
.wrapper { max-width: 1170px;  margin: auto; width: 90%;}

header { width: 100%; background:#222; }
header  .wrapper {min-height: 120px;  position: relative; z-index: 1000;}
.logo { float: left; margin: 20px 0 0}


    nav.navigation { position: absolute; bottom: 0; right: 0;}
    nav.navigation ul { margin: 0px; padding: 0px;}
    nav.navigation ul > li { float: left; list-style: none; position: relative; margin: 0 0; }
    nav.navigation > ul > li + li  { margin-left: 5px;}
    nav.navigation ul > li:after { content: ''; width: 100%; height: 100%; background: #ff5629; position: absolute; left: 0; bottom:0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; height:0;}
    nav.navigation ul > li:hover:after { height:100%;}
    nav.navigation ul > li.active:after { height:100%;}
    nav.navigation ul > li > a {    color: #fff;   display: block;   font-size: 16px;    padding: 19px 16px;    text-transform: uppercase; position: relative; z-index: 1;}
    nav.navigation ul > li > a:hover { color: #fff;}
    nav.navigation  ul > li.active > a:hover { color: #fff;}
    nav.navigation ul li:hover ul { display: block;}
    nav.navigation ul ul { display: none; position: absolute; background: #222; width: 250px;}
    nav.navigation ul ul li { list-style: none; float: none;}
    nav.navigation ul ul li a{ display: block; padding: 10px 15px; font-size: 16px; text-transform: inherit;}



    .social { position: absolute; right: 0;}
    .social  ul { margin: 0px; padding: 0px;1}
    .social  ul li { list-style: none; float: left; position: relative; background: #333;}
    .social  ul li + li  { margin-left: 1px;}
    .social ul li:after { content: ''; width: 100%; height: 100%; background: #ff5629; position: absolute; left: 0; top:0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; height:0;}
    .social ul li:hover:after { height:100%;}
    .social  ul li a { color: #fff; width: 40px; height: 40px;  line-height: 40px; position: relative; z-index: 1; text-align: center;} 


/************End *******************/

.slider { width:100%;}
.slider img { width: 100%; display: block;}
.slider .glyphicon-chevron-left::before { display: none;}
.slider .glyphicon-chevron-right::before { display: none;}
/******End*******/

.content-box { width: 100%; margin-bottom: 100px; }

    .services-col { width: 100%; float: left; position: relative; z-index: 999; margin-top: -100px; margin-bottom: 100px;}
    .services-col .col-3 { width: 24%; float: left; text-align: center;}
    .services-col .col-3 + .col-3 {    margin-left: 1.333%;}
    .services-col .img { width: 100%; height: 200px; background: #222; margin-bottom: 20px; overflow: hidden;}
    .services-col .img ing { max-width: 100%;}
    .services-col h3 {  text-transform: uppercase; margin: 0px 0px 10px; padding: 0px; min-height: 48px;}
    .services-col p { margin: 0px; padding: 0px 0px 30px ;}

    .read-btn { display: inline-block; padding: 15px 20px; background: #222; color: #fff; position: relative; }
     .read-btn:after { content: ''; width: 100%; height: 100%; background: #ff5629; position: absolute; left: 0; bottom:0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; height:0;}
    .read-btn:hover:after { height:100%;}
    .read-btn i { font-size: 12px; padding-left: 5px;}
    .read-btn span{ position:relative; z-index: 2; color: #fff}
    .read-btn:hover { color: #fff}


    .welcome-col { width: 100%; text-align: center;}
    .welcome-col h1 { font-size: 40px; text-transform: uppercase; color: #222; font-weight: 600;}
    .welcome-col span { color: #ff5629}
    .welcome-col .read-btn  span { color: #fff}
.welcome-col  p { margin-bottom: 30px;}
    hr { width: 90px; margin: 30px auto;}

/*************/


    .testimonial-col { width: 100%; float: left; background: #f2f2f2; padding: 60px 0;}
    .testimonial-col  h2 { text-align: center; text-transform: uppercase;  }

    .testimonial-col  blockquote {    line-height: 29px;    margin: auto;    max-width: 800px;    text-align: center;}
.testimonial-col   .pic-icon {    background: #999 none repeat scroll 0 0;    border-radius: 100%;    display: table;    height: 100px;    margin: 15px auto 27px;    overflow: hidden;    width: 100px;}

#carousel-slider .owl-prev {  height: 35px;  left: 1%;  margin-top: -17px;  position: absolute;  top: 50%;  width: 35px; background: url(../images/prev-icon.png) no-repeat top left; }
#carousel-slider .owl-next {  height: 35px;  right: 1%;  margin-top: -17px;  position: absolute;  top: 50%;  width: 35px;  background: url(../images/next-icon.png) no-repeat top right;}

.testimonial-col  ul li { list-style: none;}


.testimonial-col  .owl-dot > span {    background: #000;    border-radius: 100%;    display: inline-block;    height: 10px;    width: 10px;}
.testimonial-col  .owl-dot.active > span  { background: #ff5629;}
.testimonial-col  .owl-dot { display: inline-block; padding: 0 5px;}

.testimonial-col  .owl-dots {    padding: 25px 0 0;    text-align: center;}


footer  { width: 100%; background: #222; padding: 60px 0 0; clear: both; display: table;}
footer .col-8 { width: 55%; float: left;}
footer h3 { margin: 0px 0px 15px; padding: 0px; font-size: 28px; color: #fff;}
footer .col-6 { width: 47%;}

footer ul { margin: 0px; padding: 0px;}
footer ul li{ list-style: none;}
footer ul li + li { border-top:#555 solid 1px;}
footer ul li a{ display: block; padding: 10px 0; color: #fff;}
footer ul li a:hover  { color: #ff5629;}

footer  .col-8 ul li { position: relative;}
footer .col-8 ul li a::before { position: absolute; left: 0;}
footer .col-8 ul li a { padding-left: 30px;}


footer ul li a:before { content: '\f18e'; font-family: 'FontAwesome'; padding-right: 10px;}

footer .col-4  p{ color: #fff;}
footer .address-col { padding-left: 40px; position: relative; display: inline-block; border-right: #555 solid 1px; padding-right: 30px;} 
footer .address-col .fa-map-marker {    font-size: 44px;    position: absolute; left: 0; top: 5px;}
.phone-col { display: inline-block; vertical-align:  top; padding: 30px; font-size: 25px; }

footer .col-4 {    float: right;    margin-left: 0;    width: 40%;}

footer .phone-col {    box-sizing: border-box;    display: inline-block;    font-size: 23px;    padding: 30px 0 0 22px;    vertical-align: top;}
footer .social { position: relative; overflow: hidden; margin-top: 25px; padding-top: 25px; border-top: #555 solid 1px;}
footer .social ul li { border: none;}

footer .social ul li a {    color: #fff;    font-size: 22px;    height: 40px;    line-height: 40px;    position: relative;    text-align: center;
    width: 54px;    z-index: 1;}

footer .social ul { display: table; margin: auto;}

.footer-bt {    background: #111 ;    clear: both;    display: table;    margin-top: 60px;    padding: 15px 0;    text-align: center;    width: 100%; color: #fff;}
.footer-bt  span { color: #ff5629;}

/******************************End*******************************/


.inner-page .content-box { padding-top: 50px; display: table;}
.inner-page .content-box h1 { text-align: center; font-weight: 700; color: #ff5629; text-transform: uppercase;}
.inner-page .content-box h2{ margin: 0 0 25px}
.inner-page .content-box h3{margin: 0 0 20px; font-weight: 700;}
.inner-page .content-box h4{margin: 0 0 15px ;  font-weight: 700;}
.inner-page .content-box h5{margin: 0 0 15px;  font-weight: 700;}
.inner-page .content-box h6{margin: 0 0 15px;  font-weight: 700;}

.inner-page .content-box p { margin: 0px; padding: 0px 0px 30px;}
.inner-page .content-box ul { margin: 0px; padding: 0px 0px 20px;}
.inner-page .content-box ul li { list-style: none; position: relative; padding-left: 30px;}
.inner-page .content-box ul li + li { margin-top: 20px;}
.inner-page .content-box ul li:before { content: '\f18e'; font-family: 'FontAwesome'; padding-right: 10px; position: absolute; left: 0; top: 2px; }


.pull-right.mr-r > img {
    margin: 8px 0 9px 8px;
}

.contact-us-page .content-box .col-4{ width: 40%; margin-top: 40px; background: #f5f5f5; 
    -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 30px;  min-height: 346px}


.contact-us-page .content-box  .address-col { padding-left: 40px; position: relative; display: block;
    border-bottom: #d5d5d5 solid 1px; padding-right: 0; margin-bottom: 20px; padding-bottom: 20px;} 
.contact-us-page .content-box  .address-col .fa-map-marker {    font-size: 44px;    position: absolute; left: 0; top: 5px;}

.contact-us-page .content-box .phone-col { font-size: 18px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #d5d5d5 solid 1px; width: 100%; position: relative; padding-left: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.contact-us-page .content-box .phone-col span { padding: 0 10px;}
.contact-us-page .content-box .phone-col i { position: absolute; left: 0; top: 5px;}

.contact-us-page p.email-col { font-size: 18px; margin: 0px; padding: 0px; position: relative; padding-left: 25px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.contact-us-page .content-box p.email-col i { position: absolute; left: 0; top: 5px;}



.contact-us-page .content-box .col-8{ width: 55%; margin-top: 40px;}
.contact-us-page .in { width: 100%; float: left; margin-bottom: 10px;}
.contact-us-page .in input[type="text"] { width: 100%; height:45px; box-sizing: border-box; padding: 0 15px; background: #fff; border: #ddd solid 1px; margin: 0px;}

.contact-us-page .in textarea { width: 100%; height:180px; box-sizing: border-box; padding: 15px 15px; background: #fff; border: #ddd solid 1px; margin: 0px; font-family: 'Lato', sans-serif; }


.send-btn{ float: right; margin-top: 20px;}
.send-btn input { width: 120px; height: 50px; margin: 0px; color: #fff; font-size: 18px; text-transform: uppercase; background: #ff5629; cursor: pointer;}
.send-btn input:hover{ background: #222;}


.slicknav_menu{
	z-index: 10000 !important;
}

		.captcha .wpcf7-form-control,.captcha .form-control {
	background-color: transparent;
    border: none;
	padding: 7px 0px 6px;
}

.quick-contact-outer {
    background-color: transparent;
    bottom: 0;
    display: block !important;
    left: 0;
    margin: 0 20px;
    position: fixed;
    width: 320px;
    z-index: 99999999; 
}

.quick-contact-head {
    background-color: rgb(240, 95, 64);
    color: #ffffff;
    cursor: pointer;
    float: left;
    padding: 5px 10px;
    width: 300px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

.quick-contact-area {
    background-color: #ffffff;
    float: left;
    width: 300px;
	padding: 10px;
	border: 1px solid #d5d5d5
}

.quick-contact-area form .form-control, .quick-contact-area form textarea.form-control { 
	margin: 0;
	padding: 2px 12px;
	max-height: 100px;
}

.contact-page-form .default-form-style textarea {
	height: 100px;
}

.quick-contact-area .default-form-style textarea {
	height: 80px;
}

.quick-contact-area .default-form-style input[type="text"], .quick-contact-area .default-form-style input[type="email"] {
	height: 35px;
	line-height: 20px;
}

button.close {
	position: relative;
	z-index: 1;	
}

#rc-imageselect, .g-recaptcha {
	transform:scale(0.87);
	-webkit-transform:scale(0.87);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}
.fix-dv { position:fixed; right:0; top:22%; z-index:1000;}

.whatsapp img {
    margin-right: 4px;
    margin-top: -3px;
    width: 22px;
}

@media(max-width:767px) {
	.fix-dv {  display: none;}
}

@media(min-width:767px) {
	#quick-contact-form {  display: none !important;}
}

@media only screen and (max-width: 480px) {
	.quick-contact-outer {
		margin: 0;
		max-width: 100%;
		max-height: 100%;
		overflow: auto;	
	}
	.quick-contact-area {
		width: 100%;
		max-width: 100%;
	}
	.quick-contact-head {
		width: 100%;
		max-width: 100%;
	}
}

@media only screen and (min-width: 640px) {
.caption .inner .t1 {    font-size: 35px !important;}
.caption .inner .t2 {    font-size: 22px !important;}
}

p {
   
}
#quick-contact-form input
{
	width: 100% !important;
	    padding: 5px;
    border-radius: 4px;
    border: 1px solid #bdbbbb;
}
#quick-contact-form textarea
{
   width: 100%;
    height: 91px;
        padding: 5px;
    border-radius: 4px;
    border: 1px solid #bdbbbb;
}
#quick-contact-form input[type="submit"]
{
    background: rgb(20, 44, 77) !important;
    border: none !important;
    color: white !important; 	
}

.contact-page-form input
{
	width: 100% !important;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #bdbbbb;
    margin-bottom: 11px;
}
.contact-page-form textarea
{
   width: 100%;
    height: 91px;
        padding: 5px;
    border-radius: 4px;
    border: 1px solid #bdbbbb;
}
.contact-page-form input[type="submit"]
{
    background: rgb(20, 44, 77) !important;
    border: none !important;
    color: white !important; 	
}
  
  
  .modal-title {
    font-size: 29px !important;
}

.ssldiv
{
  position: absolute;
  z-index: 9999999;
}