/* 
Theme Name 	: design3studio
Description	:  
Design URL 	:  
Design by  	: CrossCountryWebServices
Designer   	: Rajesh Kumar
Version	   	: HTML5/CSS3  
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700');

@font-face {   font-family: 'Swiss721BT-Light';
  src: url('fonts/Swiss721BT-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/Swiss721BT-Light.woff') format('woff'), url('fonts/Swiss721BT-Light.ttf')  format('truetype'), url('fonts/Swiss721BT-Light.svg#Swiss721BT-Light') format('svg');
  font-weight: normal;   font-style: normal; }


.add-bottom5{margin-bottom:5px;} .add-bottom10{margin-bottom:10px;} .add-bottom15{margin-bottom:15px;} .add-bottom35{margin-bottom:35px;}.add-bottom25{margin-bottom:25px;} .add-bottom-top35{ padding:35px 0;} .add-bottom-top15{ padding:15px 0;} .add-top100{ padding-top:100px;} .add-top10{ padding-top:10px;} .add-top50{ padding-top:50px;}  .add-top{margin-top:15px;}  .cred{color:#e31e25; display:inline;}   .img{ margin: 5px 15px 0 0;}  
.tel a{color:#565b72;} .dark{ color:#333;} .info-table-content {color:#565b72; } 
.clear{ clear: both; } .add-margin-top60{ margin-top: 60px; }

.btn { padding: 10px 25px; margin: 15px 0;  background-color: #66b75a;  color:#fff; font-size: 16px;   font-weight: 300; text-align: center; border:none; border-radius:0px; cursor:pointer; display:inline-block; position:relative; text-transform: inherit;  transition: background-color 0.2s, color 0.2s; white-space: nowrap;}  
.btn:hover{   color:#fff; background: #50a444;}

body{ font-family: "Swiss721BT-Light", sans-serif; color: #5c5c5c; }

/* reset by RK */
nav.site-navigation {     margin-top: 13px; }
nav.site-navigation ul li a { color: #fff; font-size: 16px; font-family: "Swiss721BT-Light", sans-serif;text-decoration: none;
    text-transform: inherit; }
.site-header.vertical .main-menu > li a { color: #555;  padding: 10px 20px;  line-height: 29px; }  /*Menu Color*/
.site-header.vertical .main-menu > li a:hover, .site-header.vertical .main-menu > li a:focus { color: #000;}
nav.site-navigation ul li > ul.sub-menu a { clear: both; color: #767676; display: block;  font-size: 14px; }

.site-header.vertical .main-menu > li.burger {   border-bottom: 0px none;  }


.above-nav-bar p{  width: 225px; margin: 7px auto; text-align: center; font-size: 15px; color: #5c5c5c; }
.above-nav-bar p.phone{ font-size: 20px; margin:20px auto; }
.social-media{ margin-bottom:30px; } .social-media li{font-style: italic;}
.rev-title { font-size: 46px; font-weight: 400; text-transform: inherit; font-family: "Swiss721BT-Light", sans-serif;}

/*CCWS */
/*.site-main {     background-color: #fff;     position: relative;     z-index: 999999999; } */
/*.site-header.vertical {     z-index: 1; }  */

/* Margin */
.site-header.vertical .logo.relative{ margin-top: 60px; margin-bottom: 0px; }
.site-header.vertical { box-shadow: 0px 0 0px rgba(0, 0, 0, 0.15);}
body.vertical-menu .site-main{   margin-top: 60px; }
.site-header.vertical .above-nav-bar {  margin-top: 20px; }


/* Margin */

.phone a, .email a{color: #5c5c5c;}
.phone a:hover, .email a:hover{color: #79c06f;}


h2{ color: #727272; font-size: 26px;  font-family: "Swiss721BT-Light", sans-serif; margin-bottom: 20px;}
h3{ color: #363636; font-size: 18px;  font-family: "Swiss721BT-Light", sans-serif; padding-left: 20px; line-height: 28px;}
h4{ color: #727272; font-size: 26px;  font-family: "Swiss721BT-Light", sans-serif; margin-bottom: 20px;}
h5{ color: #727272; font-size: 16px;  font-family: "Swiss721BT-Light", sans-serif; margin-bottom: 20px;}


/*js / functions.js {Recent-news}*/
.section{  padding: 90px 0 10px 0; }   .section2{  padding: 90px 0 90px 0; }   

section.recent-news, section.recent-news1, section.recent-news2 {  padding-top: 90px; } 
section.recent-news h2, section.recent-news1 h2, section.recent-news2 h2{  margin-bottom: 30px; } 

.recent-news1 .owl-nav, .recent-news2 .owl-nav {     position: absolute;     right: 15px;     top: 0; }



.post:not(.post-single), .post.post-single header { border: 0px solid #e5e5e5; box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.14); }




/*In PRocess Slideshow*/
.slideshow-container { max-width: 1000px; position: relative; margin: auto; }
.slideshow-container .mySlide {   display: none; }
.mySlides1, .mySlides2 {display: none}
.prev, .next {   cursor: pointer;   position: absolute; top: 50%;  /*top: 50%;*/   width: auto;   margin-top: -22px;   padding: 16px;   color: white;
  font-weight: bold;   font-size: 18px;   transition: 0.6s ease;   border-radius: 0 3px 3px 0;   user-select: none; }
.next { right: 0;   border-radius: 3px 0 0 3px; }
.prev:hover, .next:hover {   background-color: rgba(0,0,0,0.8); }
.text {   color: #f2f2f2;   font-size: 15px;   padding: 8px 12px;   position: absolute;   bottom: 8px;   width: 100%;   text-align:  center; }

.fade {  -webkit-animation-name: fade;  -webkit-animation-duration: 1.5s;   animation-name: fade;   animation-duration: 1.5s; }
@-webkit-keyframes fade {   from {opacity: .4}   to {opacity: 1} }
@keyframes fade {   from {opacity: .4}   to {opacity: 1} }


.process{ padding: 30px 0; }

#media h3{ font-size: 16px; color: #363636; line-height: 24px; padding-left: 30px; min-height: 70px; }
#media h3 span {font-size: 14px; color: #777; display: block; }
#media h2 a.btn{ float: right; margin: 0px 0 0 0 ; font-size: 14px;   line-height: 24px;
  text-transform: inherit; padding: 5px 20px; background: #79c06f; font-weight: 300; } 
#media h2 a.btn:hover, #media h2 a.btn:focus{ background: #50a444;}


#contact h2{ text-align: center; margin-bottom: 10px; }
.container_query{ width:100%; margin: 0 auto; padding:55px 5% 35px 5%; background:#efefef; border-radius: 0px; }
.container_query p{color:#777; font-weight:400; font-size: 14px;}
.container_query2{ padding:55px 45px; background:#e4e4e4; }
.container_query2 p{color:#252525; font-weight:400;}
.container_query2 .captcha, .container_query .captcha{ margin-top:4px; margin-left:-15px;/* border:1px solid #fff; width:70px;*/}

::-webkit-input-placeholder{ color:#6c6c6c; opacity: 1 !important; /* for older chrome versions. may no longer apply. */ }
:-moz-placeholder { /* Firefox 18- */     color:#6c6c6c;   opacity: 1 !important; }
::-moz-placeholder {  /* Firefox 19+ */   color:#6c6c6c;      opacity: 1 !important; }
:-ms-input-placeholder { color:#6c6c6c; }

.form-group input:not([type="submit"]), .form-group textarea {
color: inherit;     width: 100%;  border: 1px solid #ccc;  border-radius: 3px;  padding: 12px 20px;  z-index: 1; 
 position: relative; font-weight: 300; font-size: 15px; }

.contact-form .form-group label { z-index: 0; position: relative; top: inherit;     right: inherit;     display: block;   
  color: #777;     font-size: 16px; font-weight: lighter; margin-bottom: 5px; } label span{ color: #ff0000; padding-left: 3px; }
.form-group textarea {     height: 112px; }
 

/* PROGRAMME MODAL POPUP 20 dec 2018*/
 
.modal {   display: none;   position: fixed;   z-index: 1100;   padding-top: 20px;   left: 0;   top: 0;   width: 100%;   height: 100%;
  overflow: auto;    background: rgba(0, 0, 0, 0.6);  }

.modal .close {   color: #fff; opacity: 0.9;   position: fixed;  z-index: 99999;  top: 30px;   right: 30px;   font-size: 35px;   font-weight: bold; }
.modal .close:hover, .close:focus {   color: #bbe1b6;   text-decoration: none;   cursor: pointer; opacity: 0.5;}

.modal-content { position: relative; background: rgba(255, 255, 255, 0.9); margin: auto; padding:0; width: 90%; max-width: 800px; }
.modal-content .container{ width: 100%; }
/* .numbertext {   color: #f2f2f2;   font-size: 12px;   padding: 8px 12px;   position: absolute;   top: 0; }
img.demo {   opacity: 0.6; } .active, .demo:hover {   opacity: 1; } */
.hover-shadow img {   box-shadow:  2px 5px 10px 2px rgba(0, 0, 0, 0.25); transition: 0.2s; border-radius: 0px;  filter: contrast(90%); }  
.hover-shadow img:hover {   box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.50);   filter: contrast(100%); }

.modal-content .mySlides {   display: none; text-align: left; padding:30px; }
.modal-content .mySlides img{border-radius: 0px;}

/* Next & previous buttons */
.modal .prev, .modal .next {   cursor: pointer;   position: fixed;  /*top: 50%;*/ top: 320px;   width: auto;   
  padding: 8px;   font-size: 20px;  margin-top: -50px;   color: #fff;  background-color: rgba(0, 0, 0, 0.2); font-weight: normal;   
   transition: 0.6s ease;   border-radius: 0 3px 3px 0;   user-select: none;   -webkit-user-select: none; } 

.modal .next {   right:18px;   border-radius: 3px 0 0 3px; }
.modal .prev:hover, .modal .next:hover {   color: #fff; background-color: rgba(108, 186, 96, 0.6); }

.modal .mySlides h3{ /*font-family: 'Averia Serif Libre', cursive;*/ /*text-transform: uppercase;*/ padding: 0px; font-size: 26px; line-height: 36px; }
.modal .mySlides p img{width: 16px;} .modal a.btn{ color: #9cb03c; } .modal a.btn:hover{ color: #fff; }

.modal .mySlides p {color: #333; font-weight: 400;  font-family: 'Swiss721BT-Light';  font-size: 14px; line-height: 26px; }
.modal .mySlides p.list{ line-height: 32px; margin: 20px 0; }
.modal .mySlides p strong{ color: #333;  font-size: 18px;}
.modal .mySlides p + p {  margin-top: 0px; }


/* SIMPLE SLIDESHOW */
#slideshow { margin: 0px auto;  width: 100%; min-height: 220px;    position: relative; }
#slideshow > div { position: absolute; height: auto;   top: 0px;  left: 0px;   right: 0px;     bottom: 0px;  }



/* back to top */
#backtotop { position:fixed; right:0px; bottom:30px;  visibility:show; z-index: 999; display: none;} 
#backtotop a { border:0 none; display:block; width:48px; height:48px}
#backtotop a:hover { opacity:.8}

.banner1{ margin-right: 0% }


/* 27 .3 .19*/

/*#about h2, #about p{ padding-left: 30px; }*/
#about h2{ margin-bottom: 15px; }
.clients1 { margin-top: 40px; }
.clients1 ul{margin-left: -10px;}
#about  p{ margin-bottom: 15px; }
p + p {    margin-top: 0px;}

.blockquote-style-1 {  border: 0px solid #e5e5e5;    border-style: solid none;  font-size: inherit;     margin: 20px 0;     padding: 25px 0; }
.blockquote-style-1 p {  border-left: 5px solid #73bd68;  color: #666; font-size: 15px;  font-style: normal;   line-height: 1.6em;    padding: 10px;  padding-left: 36px; }


/* #Media Queries
================================================== */

/* 15.6 Laptop resolution*/
@media only screen and (min-width: 1281px) and (max-width: 1400px) { 
 
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 1025px) and (max-width: 1280px) { 

 
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 990px) and (max-width: 1024px) { 
 
}
/* Tablet Portrait size to standard 990 (devices and browsers) */
@media only screen and (min-width: 959px) and (max-width: 990px) {
 

}
	
	
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
 

 /* Margin */
.site-header.vertical .logo.relative{ margin-top: 25px; margin-bottom: 25px; }
.site-header.vertical { box-shadow: 0px 0 0px rgba(0, 0, 0, 0.15);}
body.vertical-menu .site-main{   margin-top: 0px; }
.site-header.vertical .above-nav-bar {  margin-top: 0px; }
/* Margin */

.site-header.vertical .site-navigation .burger {background: #fff; border-color: #519c46; }
.site-header.vertical .site-navigation .burger span { background: #519c46; }

.above-nav-bar ul{ margin: 0px; padding: 0px; }
ul.social-media{ margin:0 0 30px 0; text-align: center;  padding: 0px;}
.social-media li{ display:  inline-block;  list-style-type: none;  }

.above-nav-bar p{ color: #eee; }
.btn:not(.btn-minimal):not(.btn-xs) { float: none;
    left:  inherit;     -webkit-transform: translateX(-50%);     -ms-transform: translateX(-50%);
    transform: translateX(-50%);     width: inherit;}

#slideshow { margin: 0px auto;  width: 100%; min-height: 480px;    position: relative; }

/*.section, .section2, section.recent-news1 { padding: 30px 0; }
section.recent-news{ padding-top: 50px; }
h2 {  color: #727272;     font-size: 22px;  line-height: 36px; margin-bottom: 5px;}
*/
#backtotop { position:fixed; right:0px; bottom:7px;  visibility:show; z-index: 999; display: block;} 

.main-menu li.burger { width: 50px; height: 25px; right: 40%; bottom: 20px; display: block; color: #fff; border: 1px solid #fff;
    padding: 0px 20px;  text-align: center; float: right;  }
	}
	
	
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 800px) { }


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
/* Margin */
.site-header.vertical .logo.relative{ margin-top: 25px; margin-bottom: 25px; }
.site-header.vertical { box-shadow: 0px 0 0px rgba(0, 0, 0, 0.15);}
body.vertical-menu .site-main{   margin-top: 0px; }
.site-header.vertical .above-nav-bar {  margin-top: 0px; }
/* Margin */

.site-header.vertical .site-navigation .burger {background: #fff; border-color: #519c46; }
.site-header.vertical .site-navigation .burger span { background: #519c46; }

.above-nav-bar ul{ margin: 0px; padding: 0px; }
ul.social-media{ margin:0 0 30px 0; text-align: center;  padding: 0px;}
.social-media li{ display:  inline-block;  list-style-type: none;  }

.above-nav-bar p{ color: #eee; }
.btn:not(.btn-minimal):not(.btn-xs) { float: none;
    left:  inherit;     -webkit-transform: translateX(-50%);     -ms-transform: translateX(-50%);
    transform: translateX(-50%);     width: inherit;}

#slideshow { margin: 0px auto;  width: 100%; min-height: 320px;    position: relative; }

.section, .section2, section.recent-news1 { padding: 30px 0; }
section.recent-news{ padding-top: 50px; }
h2 {  color: #727272;     font-size: 22px;  line-height: 36px; margin-bottom: 5px;}

#backtotop { position:fixed; right:0px; bottom:7px;  visibility:show; z-index: 999; display: block;} 


.main-menu li.burger { width: 50px; height: 25px; right: 40%; bottom: 20px; display: block; color: #fff; border: 1px solid #fff;
    padding: 0px 20px;  text-align: center; float: right;  }
/*button.burger.active {     padding: 12px 8px 8px 12px;     display: none; }  */

 }


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { 
/* Margin */
.site-header.vertical .logo.relative{ margin-top: 25px; margin-bottom: 25px; }
.site-header.vertical { box-shadow: 0px 0 0px rgba(0, 0, 0, 0.15);}
body.vertical-menu .site-main{   margin-top: 0px; }
.site-header.vertical .above-nav-bar {  margin-top: 0px; }
/* Margin */

.site-header.vertical .site-navigation .burger {background: #fff; border-color: #519c46; }
.site-header.vertical .site-navigation .burger span { background: #519c46; }

.above-nav-bar ul{ margin: 0px; padding: 0px; }
ul.social-media{ margin:0 0 30px 0; text-align: center;  padding: 0px;}
.social-media li{ display:  inline-block;  list-style-type: none;  }

.above-nav-bar p{ color: #eee; }
.btn:not(.btn-minimal):not(.btn-xs) { float: none;
    left:  inherit;     -webkit-transform: translateX(-50%);     -ms-transform: translateX(-50%);
    transform: translateX(-50%);     width: inherit;}
	
#slideshow { margin: 0px auto;  width: 100%; min-height: 170px;    position: relative; }

.section, .section2, section.recent-news1 { padding: 30px 0; }
section.recent-news{ padding-top: 50px; }
h2 {  color: #727272;     font-size: 22px;  line-height: 36px; margin-bottom: 5px;}

#backtotop { position:fixed; right:0px; bottom:7px;  visibility:show; z-index: 999; display: block;} 

.main-menu li.burger { width: 50px; height: 25px; right: 40%; bottom: 20px; display: block; color: #fff; border: 1px solid #fff;
    padding: 0px 20px;  text-align: center; float: right;  }


}
	
/* Small devices (mobile, 360px and down) */
@media only screen and (max-width: 360px) { 	 }


/* Small devices (mobile, 320px and down) */
@media only screen and (max-width: 320px) {   	}