@charset "utf-8";

@font-face {
	font-family: 'Conv_Helvetica';
	src: url('../fonts/Helvetica.eot');
	src: local('☺'), url('../fonts/Helvetica.woff') format('woff'), url('../fonts/Helvetica.ttf') format('truetype'), url('../fonts/Helvetica.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_baskerville-old-face-1361518986';
	src: url('../fonts/baskerville-old-face-1361518986.eot');
	src: local('☺'), url('../fonts/baskerville-old-face-1361518986.woff') format('woff'), url('../fonts/baskerville-old-face-1361518986.ttf') format('truetype'), url('../fonts/baskerville-old-face-1361518986.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* CSS Document */
* { padding:0px; margin:0px; 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;     }

body{
	margin:0;
	padding:0;
	background:#fff;
}

/*div, ul, li,ol,a,span,p,table,tr,td,h1,h2,h3,h4,h5,h6,header,nav,footer,aside,figure,section,address,article{margin:0; padding:0;}*/
a{text-decoration:none; outline:none;}
ul, li, ol{list-style-type:none;}
img{border:0; outline:none; display:block; }
.fl{float:left;}
.fr{float:right ;}
.clear{margin:0; padding:0; clear:both; font-size:0; line-height:0;}
img{max-width:100%}
.clearfix:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {display: block;}
html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	overflow-x:hidden !important;
}
img::selection 		{ background: transparent; }
img::-moz-selection	{ background: transparent; }


.paddingleft-right{ padding:0 10px;}	
.full-width{width:100%; float:left;}	
.wrapper{width:100%; max-width:940px; margin:0 auto; position:relative;}	
.align{text-align:center;}

.header{ background:#ebeaea;}
.logo{padding:25px 0 8px 0; float:left;}
.logo{padding:25px 0 8px 0; float:left; width:41%;}
.logo a{font-family: 'Conv_baskerville-old-face-1361518986'; font-size:46px; color:#000;}
.logo a:hover{color:#000;}
.logo a span{font-family: 'Conv_baskerville-old-face-1361518986'; font-size:20px; color:#000;}
.logo a .picture{float: left; margin: 5px 0 0;}
.navigation{float:right;}
.navigation ul{padding:0; text-align:right}
.navigation ul li{padding:0; display:inline-block;}

.navigation ul li a{display:block; font-size:15px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding:38px 9px 23px 9px; color:#76787b; transition: all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s; position:relative;  border-top: 5px solid transparent;  border-bottom: 1px solid transparent;}
.navigation ul li a:hover{border-top-color:#54565a; border-bottom-color:#54565a;}
.navigation ul .current-menu-item a{border-top-color:#54565a; border-bottom-color:#54565a;}

.navigation ul li:hover .sub-menu {
    display: block;
}
.navigation ul li .sub-menu {
    background-color: rgba(255,255,255,0.7);
    display: none;
    padding:10px;
    position: absolute;
    z-index: 99999;
	 width: 120px;
	  text-align:center;
}
.navigation ul li .sub-menu li {
    border-bottom: none;
    border-right: medium none;
    padding: 0px 0;
	position:relative;
   
}
.navigation ul li .sub-menu li a{
   display:block; text-align:center; padding:5px 10px ; font-weight:bold; color:#000000; font-size:11px; border: none;
}
.navigation ul li .sub-menu li a:hover{color:#ab0429; border:none;}

.navigation ul li .sub-menu li:hover .sub-menu {
    display: block;
}
.navigation ul li .sub-menu li .sub-menu {
     background-color: rgba(255,255,255,0.7);
   
    display: none;
    left: 100%;
    min-width:100px;
    overflow: auto;
    padding: 12px 16px;
    position: absolute;
    top:0px;
    z-index: 99999;
}


.navigation ul li .sub-menu li .sub-menu li a:hover{color:#ab0429; border:none;}












.slider{background:url(../images/slide-bg.jpg) repeat-x;}

.slider-left{width:73%; float:left; padding:10px}
.text-right{width:27%; float:left; padding:10px; margin:3.5% 0 0 0%}
.text-right h3{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:17px; padding: 0 0 10px 0; color:#54565a; line-height:23px;}
.text-right p{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; padding: 4px 0; color:#54565a;line-height:18px;}


.srevice{background:#fff; padding:20px 0; margin:50px 0%; float: left; width: 100%;}
.srevice .color{background:#bbbbbd; padding:20px;}
.srevice h1{font-family: 'Conv_baskerville-old-face-1361518986'; font-size:31px; color:#fff; margin:0px 9px 25px 0; font-weight:normal;}
.srevice ul{padding:0;}
.srevice ul li{padding:0; margin:0 1%; display:inline-block; width:22.5%; vertical-align: top;}
.srevice ul li h2 a{padding:0; margin:23px 0; font-family: 'Conv_baskerville-old-face-1361518986'; font-size:24px; color:#fff; font-weight:normal; display:inline-block;}
.srevice ul li h2 a:hover{color:#ab0429}
.srevice ul li p{padding:0 0 10px 0; margin:0 0%; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#363636; font-weight:normal; line-height:19px;}


.image-gallery{ padding:0; margin:0 0 40px 0;}

.image-gallery h2{text-align:left;font-family: 'Conv_baskerville-old-face-1361518986'; font-size:42px; color:#666666; margin:0 0 25px 0; font-weight:normal;padding: 0 1%;}

/*mouse over*/

.view {
   width: 22.5%;
   height: auto;
   margin:1%;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;

}
.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   color: #fff;
   text-transform: capitalize;
   position:absolute;
   top:50%;
   left:50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   font-family:Arial, Helvetica, sans-serif;
   font-weight:normal;
   width:70%;

}

.mask .info img{padding: 0 0 0 41px;}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}



.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(87,87,87, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   z-index: 99999;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
/*   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);*/
   opacity: 1;
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
	
.view .botton-text{padding:0; margin:0; position:absolute; bottom:0; background:rgba(0,0,0,0.8); z-index:9999; width:100%;} 
.view .botton-text h3{padding:10px; font-size:14px; font-weight:normal; color:#fff; text-align:left;}
.view:hover .botton-text,.view.hover .botton-text{
display:none;}


.footer{padding:20px 0 50px 0; background:#37383b;}

/*.footer-slider #slide2 li img{mix-blend-mode: lighten;}*/

.footer-nav{float:left; width:50%;}
.footer-nav ul{padding:0; margin:50px 0 43px 0;}
.footer-nav ul li{padding:0; margin:0 20px 0 0; display:inline-block; width:22%;}
.footer-nav ul li a{padding:0; margin:0; display:block; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;color:#b9b5b5;}
.footer-nav ul li a:hover{color:#ab0429}

.footer-social{float:right; width:28%;}
.footer-social ul{padding:0; margin:50px 0 20px 0; text-align:right;}
.footer-social ul li{padding:0; margin:0 5px; display:inline-block; }
.footer-social ul li img {mix-blend-mode: screen;  transition: all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;}
.footer-social ul li img:hover{mix-blend-mode: overlay; transition: all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;}
.footer-social h2{ font-size:26px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 10px 0;padding: 0 0 0 27px;text-align: left; color:#fff}
.footer-social p{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 10px 0;padding: 0 0 0 27px;text-align: left; color:#b9b5b5;}

.footer-social h5{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:30px 0px 0;padding: 0 0 0 27px;text-align: left; color:#b9b5b5;}


.inner-page-margin h2{ margin:25px 0 25px 0 }

/*contact us*/

.contact-us{ margin:0;}
.contact-us h2{font-family: 'Conv_avenir-light'; font-weight:normal; color:#333; font-size:45px; margin: 70px 0 32px; text-transform:uppercase;}

.contact-us ul{padding:0; margin:}
.contact-us ul li{padding:0; margin:20px 0;  display:block; width:100%}
.contact-us ul li .wpcf7-text{padding:0 10px; margin:1%; width:47%;   display:inline-block;  border:1px solid #bbbbbb; background:#efefef; font-family:Arial, Helvetica, sans-serif;font-weight:normal; color:#000; font-size:14px; height:40px;-moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.0);}

.contact-us ul li .wpcf7-textarea{padding:10px 10px; margin:0 1%;  display:block; width:97%; border:1px solid #bbbbbb; background:#efefef; font-family:Arial, Helvetica, sans-serif;font-weight:normal; color:#000; font-size:14px; height:150px; -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.0);}
.contact-us ul .wpcf7-email{ width:97% !important;}
.contact-us ul li .wpcf7-submit{padding:10px 43px; margin:14px;  display:block;  border:none; background:#ac0125; font-weight:normal; color:#fff; font-size:22px; font-family: 'Conv_baskerville-old-face-1361518986'; float: right;}


/*about us*/
.aboutus{width:60% !important;}
.aboutus h2{ color: #666666; font-family: "Conv_baskerville-old-face-1361518986"; font-size: 42px; font-weight: normal;margin: 30px 0 0px; padding: 0 1%;text-align: left;}

.aboutus p{ color: #414145; font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal;margin:25px 0 25px; padding: 0 1%;text-align: left; line-height:21px}

.about-img{width:37% !important;}
.about-img img{box-shadow:0 0 1px 1px #ccc;-webkit-box-shadow:0 0 1px 1px #ccc; padding:10px; margin:127px 0 0}
.aboutus ul{}
.aboutus ul li{color: #54565a;font-family: Arial,Helvetica,sans-serif;font-size: 13px;font-weight: normal;line-height: 17px; padding: 0 0 0px;  list-style-type: disc; margin-left: 18px;}
a{color:#54565a}
a:hover{color:#ab0429}
.text-right ul{}
.text-right ul li{color: #54565a;font-family: Arial,Helvetica,sans-serif;font-size: 13px;font-weight: normal;line-height: 17px; padding: 0 0 0px;  list-style-type: disc; margin-left: 18px;}

.menu{display: none;}

#menu-footer-menu{display: block !important;}

.owl-pagination{display: none !important;}

.captch-left {
    float: left;
    width: 50% !important;
}
.button-right {
    float: right;
    width: 50% !important;
}


.wpcf7-not-valid-tip{display: none !important;}

.wpcf7-not-valid{border: 1px solid red !important;}

.wpcf7-validation-errors {
    clear: both;
}
.wpcf7-spam-blocked {
    clear: both;
}
.wpcf7-mail-sent-ok {
    clear: both;
}
.frame{width:650px; height:450px;}

@media only screen and (min-width: 768px) and (max-width:1024px) {
.menu{}
.wrapper{padding:0 10px;}
.srevice{padding:10px 10px; margin:0px 2%; width: 96%;}
.slider-left{width: 100%;}
.text-right{margin: 3.5% 0 0 0;  width: 100%;}
/*.srevice ul{text-align:center;}*/
.srevice ul li{ width:47.5%; padding:0 0 10px 0;}
.srevice ul li img{width:100%}
.footer-social{width: 35%;}
.frame{width:100%; height:450px;}
.image-gallery h2{ margin: 25px 0;}
.logo-container{text-align:center !important;}
.logo-container img{display:inline-block !important;}
.logo a{ font-size: 46px;}
.logo{width: 96%; margin: 0 2%;}
.logo a .picture{width:100%;}
}
@media only screen and (min-width: 480px) and (max-width:767px) {
.logo a {
    font-size: 46px !important;
    text-align: center;
    width: 100%;
	display:inline-block;
}	
.logo a .picture {
    display: inline-block;
    float: left;
    margin: 0;
    width: 100%;
}	
	}
@media only screen and (max-width: 767px) {

.menu{}
.slider-left{ width:100%; padding: 10px 0 0 10px;}
.text-right{margin: 3.5% 0 0 0; width:100%;}
.srevice{padding:10px 10px; margin:0px 2%; width: 96%;}

.srevice ul li{margin: 2% 1%; width: 98%;}
.srevice ul li img{width:100%;}
.image-gallery{padding: 10px;}
.view{width: 47%;}
.view a.info{width: 100%;}
.footer-nav{padding: 0 10px;width: 100%;}
.footer-nav ul li{width: 42%;}
.footer-social{padding: 0 10px;width: 100%;}
.footer-social ul{text-align: left;}
.footer-social h2{padding: 0 0 0 6px;}
.footer-social p{padding: 0 0 0 6px;}
.footer-social h5{padding: 0 0 0 6px;}
.footer-slider .bx-wrapper .bx-prev{left: 0 !important;}
.footer-slider .bx-wrapper .bx-next{right:0 !important;}

.aboutus { width: 100% !important;}
.about-img {width: 100% !important;}
.about-img img{ margin: 0;}
.button-right{ float:none;}
.contact-us ul li .wpcf7-submit{margin:0; width:100%;}
.frame{width:100%; height:300px;}
.logo-container{text-align:center !important;}
.logo-container img{display:inline-block !important;}
.logo a{ font-size: 36px;}
.logo{width: 96%; margin: 0 2%;}
.logo a span{font-size: 18px;}
.logo a .picture{font-size: 20px;}
	}










