@charset "utf-8";
/* CSS Document */

@import url(../webfonts/stylesheet.css);


body
{
	margin:0;
	padding:0;
	font-family: 'latoregular' !important;
	background:#fff;
	color:#2d2c29 !important;
	font-size: 16px !important;
	
}
.clear
{
	clear:both;
}
a:focus
{
	outline:none;
}
p
{
	margin:0 0 0px;
}

ul{
	margin:0;
}
header
{
	background: #fff;
	padding: 25px 0;
}
.social {
    width: 240px;
    position: relative;
    padding: 0 5px;
    float: left;
    margin: 32px 0 0px;
}
.social1 {
    width: 200px;
    position: relative;
    padding: 0 5px;
    float: left;
    margin: 33px 0;
}

.social a {
    margin-right: 6px;
}

.contact {
    width: 250px;
    background: #c8973c;
	position:relative;
	padding:0 5px;
	border-radius: 57px 0 0 57px;
	float:right;
	margin:6px 5px;
}
.contact a{
	color: #fff;
    text-decoration: none;
}
.contact p span
{
	font-family: 'latoregular';
	font-size:16px;
	text-transform:uppercase;
}
.contact p 
{
    color: #fff;
    font-size: 22px;
	font-family: 'latobold';
	padding:0;
}

.contact img {
    position: absolute;
    bottom: 8px;
    left: 8px;
	width: 17%;
}
.logo
{
	 margin: 0 0 15px 0;
	padding-top: 10px;
    transition: all 0.6s ease-in-out 0s;
}

.more
{
	font-family: 'lorabold';
	color:#013d28;
	font-size:16px;
}
.menu
{
	background:#c8973c;
	position:relative;
}
.nav > li
{
	position:none;
}

.navbar-inverse .navbar-nav > li > a
{
	
	text-decoration:none;
	font-size:16px;
	color:#fff;
	transition: all 0.7s ease 0s;
	padding:13px 30px;
	display:block;
	font-family: 'latoregular';
	background:url(../images/nav_bor.png)no-repeat left center;
}

.navbar-inverse .navbar-nav > li > a:focus,.navbar-inverse .navbar-nav > li > a:hover
{
	color:#fff;
}
.navbar-inverse .navbar-nav > li > a:focus,.navbar-inverse .navbar-nav > li > a.act
{
	background:none;
}
.navbar-toggle
{
	background:#05424e;
}
.main-navigation li:first-child a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.main-navigation .sub-menu a{
	color: #c8973c;
}
.main-navigation .menu-item-has-children > a:after{
	top: 1.1em !important;
}
/*---banner---*/

.banner
{
	position:relative;
}

.caption {
    position: absolute;
    top:37%;
    background-color:rgba(0,0,0,0.8);
    width:39%;
	padding:15px;
	right: 15%;
}
.caption h1
{
	color:#fff;
	font-size:34px;
	font-family: 'asapbold';
	padding:0;
	margin:0;
	text-transform: uppercase;
}
.welcome
{
	padding:25px 0;
}
.welcome h1 
{
    color: #c8973c;
	font-size:40px !important;
	font-family: 'asapbold';
	margin:0 !important;
}

.welcome p
{
	color:#2d2c29;
	font-family: 'latoregular';
	font-size:16px;
	padding: 15px 0;
	line-height:25px;
}

.welcome a
{
	color:#c8973c;
	font-family: 'latobold';
	font-size:16px;
}



#service-section
{
	
	background:#fbfbfb;
	padding-bottom: 40px;
}
.service-image-section{
    position: relative;
    width: 100%;
	margin-bottom: 0.5em;
}
.service img
{
	position:relative;
	width: 100%;
}
.service h1 {
    font-size: 22px;
    color: #fff;
    background-color: rgba(200,151,60,.9);
    position: absolute;
    bottom:0px;
    padding: 7px 13px;
    width: 89%;
    margin: 0;
	font-family: 'latobold';
	text-align:center;
}

.service p
{
	color: #2d2c29;
    font-family: "latoregular";
    font-size: 16px;
    padding: 0;
    width: 89%;
	text-align: justify;
}

.service  a
{
	color:#c8973c;
	font-family: 'latobold';
	text-transform:uppercase;
}
.cf7sr-g-recaptcha{
	padding-bottom: 30px;
}
#footer {
    background: #444444 none repeat scroll 0 0;
    min-height: 50px;
	padding:15px 0;
}

.foot p
{
	color: #fff;
    font-size: 15px;
    font-weight:normal;
    font-family: 'latoregular';
}
.foot p a
{
	color: #fff;
    font-size: 15px;
    font-weight:normal;
    font-family: 'latoregular';
}
.wpcf7-form > p {
    padding: 0;
}
.wpcf7-textarea {
    height: 150px;
    width: 100%;
}
.sub-heading{
color: #c8973c;
    font-family: asapbold;
    font-size: 25px;
}
.inner-list{
padding: 0 0 0 40px;
}

/**/
.contact img {
    bottom: 9px;
    width: 14%;
}
.contact p span {
    font-size: 13px;
}
.contact {
    width: 177px;
}
.contact p {
    font-size: 16px;
}
.s1c {
    width: 100%;
    float: left;
}
.s1c {
    width: 100%;
    float: left;
    display: contents;
}
.phonenu {
    margin-top: 20px;
}

/***/
#footer .phonenu {
    display: none;
}  
#footer .social {
    display: none;
}
#footer .social1 {
    display: none;
}
.menu-toggle {margin: 10px 0px !important;padding: 10px 10px !important;border:none !important;color:#fff !important;font-size:16px !important;}
.menu-toggle i{font-size:20px; color:#fff !important;}
/**************************** Responsive **********************************/

@media (min-width:820px) and (max-width:1024px) {
.site-header .col-md-5 {
    width: 30.666667%;
}	
.site-header .col-md-7 {
    width: 69.333333%;
}
.contact {
    width: 150px;
}
.copyright {
	text-align:left;	
}
.navbar-inverse .navbar-nav > li > a {
	padding:13px 24px;
}
.main-navigation a {
    padding:13px 14px !important;
}
.cycloneslider-template-standard .cycloneslider-caption{
    bottom:50px !important;
    right:60px!important;
}
.cycloneslider-template-standard .cycloneslider-caption-title{
    font-size:25px !important;
}
.contact p {
	text-align:right;
	font-size: 14px;
}
.contact p span {
    font-size: 10px;
}
.social1 {
    width: 150px;
}
.service h1{
    width:100%;
}
#footer {
	width:100%;
	display:block;
	margin:0 auto;
}
}


@media only screen and (max-width:900px) {
.main-navigation ul.sub-menu.toggled-on a {
    color: #fff !important;
}	
}


@media (min-width:768px) and (max-width:820px) {
.site-header .col-md-5 {
    width: 100%;
}	
.site-header .col-md-7 {
    width: 100%;
}
.social1 {
    width: 180px;
}
.main-navigation .sub-menu a {
    color: #ffffff;
}
}

@media (min-width:640px) and (max-width:768px) {
.site-header .phonenu {
    display: block!important;
}
.site-header .social1 {
    display: block;
}
.site-header .social {
    display: block;
}	
.cycloneslider-template-standard .cycloneslider-caption{
    bottom:50px !important;
    right:50px !important;
}
.cycloneslider-template-standard .cycloneslider-caption-title{
    font-size:25px !important;
}
.contact p {
	text-align:right;
}
.service img{
   width:100% !important;
}
.service h1{
   width:100% !important;
}
.service p{
   width:100% !important;
}
.service {
   margin-bottom:30px;
}
.copyright {
   text-align:left;	
}
}


@media (min-width:480px) and (max-width:640px) {	
#footer .phonenu {
	display: inline-block !important;
}
.site-header .social {
    display: none;
}
.site-header .social1 {
    display: none;
}
.site-header .phonenu {
    display: none !important;
}
#footer .social1 {
    display: block;
}
/*header#masthead .phonenu {
	display: none !important;
}	*/
.navbar-inverse .navbar-nav > li > a {
	padding:15px 12px;
	border-bottom:1px solid #fff;
	background:none;
}
.caption {
	display:none;
}
.welcome > h1 {
	font-size:25px;
	width:100%;
}
.welcome > p {
	text-align:justify;
}
.contact p {
	text-align:right;
}
.service img{
    width:100% !important;
}
.service h1{
    width:100% !important;
}
.service p{
    width:100% !important;
}
.service {
    margin-bottom:30px;
}
.copyright {
	text-align:left;	
}
.foot p{
    text-align:center !important;
    width:100% !important;
}
#footer .social {
    display: block;
    width: 50%;
    float: right;
    text-align: center;
    margin-bottom: 0;
}
#footer .social a {
    margin: 0 15px;
}
#footer .social a img {
    border-radius: 50%;
}
.contact {
    width: 40%;
}
}


@media (min-width:320px) and (max-width:480px) {
.site-header .s1c {
    display: none;
}
#footer .phonenu {
	display: block !important;
}
.site-header .phonenu {
	display: none !important;
}
.but1 {
    width: 100% !important;
    float: left;
    margin-bottom: 15px;
}
.but2 {
    margin-left: 0px !important;
    width: 100% !important;
    float: left;
}
.social {
    width: 155px;
	position:relative;
	padding:0 5px;
	float:left;
	margin:33px 0;
}
.social1 {
    width: 130px;
    position: relative;
    padding: 0 5px;
    float: left;
    margin: 27px 0;
}
.navbar-inverse .navbar-nav > li > a {
	padding:15px 12px;
	border-bottom:1px solid #fff;
	background:none;
}
.caption {
	display:none;
}
.welcome h1 {
    font-size:21px !important;
}
.welcome > p {
	text-align:justify;
	font-size:14px;
}
.service {
	margin-bottom:10px;
}
.top-menu {
	transform:none;
}
.top-menu ul {
	transform:none;
}
.copyright {
	text-align:left;	
}
.contact p {
	font-size: 14px;
	text-align:right !important;
}
.contact p span {
    font-size: 11px;
}
.service h1{
   width:100%;
}
.contact img {
    bottom: 5px;
    width: 24px;
}
.foot p{
    text-align:center !important;
}
#footer .phonenu {
    display: block;
}
#footer .social {
    display: block;
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 0;
}
#footer .social a {
    margin: 0 15px;
}
#footer .social a img {
    border-radius: 50%;
}
#footer .social1 {
    width: 100%;
    float: none;
    text-align: center;
    display: block;
}
.contact {
    width: 47%;
    margin: 4px;
	padding: 0px 9px;
	border-radius:35px;
}
}

@media (max-width:420px) {
.foot {
    clear: both !important;
}
	
}

@media only screen and (max-width:376px) {
.contact p {
    font-size: 12px;
}
.contact p span {
    font-size: 9px;
}
.contact {
    width: 48%;
    margin: 4px 2px;
}    .foot {
    clear: both !important;
}
}
	
@media only screen and (max-width:340px) {
.contact p {
    font-size: 11px;
}
.contact p span {
    font-size: 8px;
}
.contact {
    width: 48%;
    margin: 4px 2px;
}	
.contact img {
    width: 20px;
}
}

@media (min-width:240px) and (max-width:320px) {
#footer .phonenu {
	display: inline-block !important;
}
.site-header .phonenu {
	display: none !important;
}
.navbar-inverse .navbar-nav > li > a {
	background:none;
}
.caption {
	display:none;
}
.welcome > h1 {
	font-size:21px;
	width:100%;
}
.welcome > p {
	text-align:justify;
	font-size:14px;
}
.service {
	margin-bottom:10px;
}
.service h1{
    width:100%;
}
.top-menu {
	transform:none;
}
.top-menu ul {
	transform:none;
}
.copyright {
	text-align:left;	
}
.foot p{
    text-align:center !important;
}
.menu ul li {
    margin-left: .5% !important;   
}
}