body{ font-size:18px; color:#000; font-family: 'Montserrat', sans-serif; }

h1, h2, h3, h4, h5, h6, p, img, a, input, select, span, small{-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}

img{ max-width:100%}

@font-face {
    font-family: lato;
    src: url(../fonts/Lato-Regular.ttf);
}


.bannerbg {background: url(../images/main.jpg) no-repeat; min-height: 777px; padding-top: 30px; background-position: center center; position: relative}

.banner_inner {background: url(../images/main1.jpg) no-repeat; min-height: 776px; padding-top: 30px; background-position: center center}

.header { background: rgba(255,255,255,0.5); padding: 8px 0px}

.call {text-align:right; font-size:20px; padding-top: 25px;}
.call span {font-size:30px; color:#f7881f; font-weight:700; display:inline-block; position: relative; top:3px; padding-left: 5px}

.contactform {max-width:375px; background: rgba(0,0,0,0.5); margin-top:35px; padding: 25px ; }
.contactform h2 {margin:0px; color:#fff; text-align:center; font-size:45px; font-weight: 900}
.contactform h3 {margin-top:0px; color:#fff; text-align:center; font-size:20px; font-weight: 900; margin-bottom: 20px;}
.contactform input[type="text"] {height:50px; box-shadow: none; border:0px; border-radius: 0px;}
.contactform textarea {box-shadow: none; border:0px; border-radius: 0px; padding-top: 15px;}
.contactform .btn {background: #f78721; color:#fff; width:100%; border-radius: 0px; text-transform:uppercase; color:#fff; font-size:15px; padding: 12px 0px; margin-bottom: 15px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.contactform .btn:hover {background:#333; }
.contactform .form-control {margin-bottom:20px}
.justtxt {
    display:none;
}

.banner_bottom {background: rgba(0,0,0,0.6); padding:35px 20px; position:absolute; bottom:20px; right:20px; max-width: 780px;}
.banner_bottom h2 {color:#fff; text-align: center; font-size:26px; font-weight: 800; margin-bottom: 20px;}
.banner_bottom h2 span {display:block}
.banner_bottom p {color:#fff; text-align:center; font-size: 15px}

.testimonial_bg {background: #f7881f; padding: 45px 35px;}
.testimonial {background: #ef821a; min-height:250px; padding:45px 35px; }
.testimonial p {color:#fff; text-align: center; position:relative; font-weight: 300 }
.testimonial  span.name  {display:block; font-weight: 500; font-size:16px; margin-top: 8px; color:#fff; text-align:center}
.testimonial p::before {content:''; background: url(../images/testi-top.png) no-repeat; width:18px; height: 15px; position: absolute; left: -20px;}

.te_icon img {transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg)}

.greybg {background: #e0e0e0}
.whitebg {background: #fff; padding-bottom: 50px;}
.circle {width:160px; height: 160px; border-radius: 50%; text-align: center; 
	margin:auto; border:6px solid #ececec; margin-top: 45px; padding-top:30px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+37,e5e5e5+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 37%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 37%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 37%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.twosec li, .twosec p  {font-size:15px; color:#333333}
.twosec h2 {font-size:25px; color:#333333; font-weight: 600;}
.twosec .col-sm-6 {padding-left: 40px;position: relative}
.twosec ul {padding-left:0px}
.twosec li {position: relative;list-style: none; padding-left:20px; margin-bottom: 10px;}
.twosec li::before {content:'\f0da'; color:#f7881f; position: absolute; left: 2px; top:-3px; font-family: FontAwesome; font-size:20px;}
.twosec h3 {font-size:22px; font-size:400; line-height: 140%; margin-bottom:25px; font-weight: 400; padding-right: 20px } 

.divider {position:absolute; right:30px; top:40%; }

.footer {background:#f7881f; padding:40px 0px 30px 0px; color:#fff; text-align:center}
.footer p {font-size:15px;}
.sicons i {border:1px solid #fff; border-radius: 50%; width:50px; height: 50px; padding-top:12px; font-size:25px; margin-bottom:15px;}
.sicons a:last-child {margin-right:0px;}
.sicons a {color:#fff;   margin-right:22px; text-decoration: none}

.sicons i {-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.sicons i:hover {-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;
animation-name:  swing;   -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}


.seperate li {margin-bottom:25px; padding-left: 30px; padding-right: 30px;}

.seperate .divider {right:10px;}
.text-center_s  {text-align:center !important}

.twosec h1 {text-align:center; padding-top: 25px;}

@media only screen and (min-width:992px) and (max-width:1200px) {
	
	body {font-size:16px;}
	.call {font-size: 18px; padding-top: 5px}
	.twosec h1 {font-size:23px}
	.banner_bottom h2 {font-size:30px;	}
	.twosec h2 {font-size:21px;}
	.twosec h3 {font-size:18px;	}
	.divider {right:-7px;}
	
	.banner_bottom {max-width:560px;}
	.banner_bottom h2 {font-size:18px;}
	.banner_bottom p {font-size:13px;}
}



@media only screen and (min-width:768px) and (max-width:991px) {
	
	body {font-size:16px;}
	.call {font-size: 18px; padding-top: 5px}
	.twosec h1 {font-size:23px}
	.banner_bottom h2 {font-size:30px;	}
	.twosec h2 {font-size:21px;}
	.twosec h3 {font-size:18px;	}
	.divider {right:-7px;}
	
	.banner_inner {background-size: cover; }
	.banner_bottom {position:relative; right:0px; bottom:0px; margin-top: 15px; max-width: 100%}
	.banner_bottom h2 {font-size:20px;}
}



@media only screen and (max-width:767px){
	
	body {font-size:13px;}
	.call {font-size: 18px; padding-top: 5px}
	.twosec h1 {font-size:22px}
	.banner_bottom h2 {font-size:30px;	}
	.twosec h2 {font-size:21px;}
	.twosec h3 {font-size:18px;	}
	.divider {right:-7px;}
	.call {text-align:center}
	.contactform h2 {font-size:30px;}
	.contactform h3 {font-size:14px}
	.contactform input[type="text"] {height:40px;}
	.banner_bottom h1 {font-size:20px;}
	.testimonial {margin-bottom:15px}
	.footer p {font-size:12px}
	.divider {display:none}
	
	.banner_inner {background-size: cover}
	.banner_bottom {position:relative; right:0px; bottom:0px; margin-top: 15px;}
	.banner_bottom h2 {font-size:20px;}

	.justtxt {
	display:block;
    font-size: 20px !important;
    padding-bottom: 10px;
}
.blwtxt{display:none;}
}


@media only screen and (max-width:640px){
}