body { font-family:'Lato'}
/** Generated by FG **/

/*---------- topbar --------------------*/

#topbar{ background-color:#d7d7d7; padding:12px 0;}
#topbar strong{ color:#2187cc;}
#topbar ul{ list-style:none; margin:0;}
#topbar ul li{ display:inline-block; padding:0 5px;}
#topbar ul li i.icon-phone:hover{ color:#053324}
#topbar ul li a>i.icon-facebook:hover{ color:#2187cc}
#topbar ul li a>i.icon-twitter:hover{ color:#5EAADE}
#topbar ul li a>i.icon-pinterest:hover{ color:#BD081C}
#topbar ul li a>i.icon-instagram:hover{ color:#47769B}
#topbar ul li a>i.icon-dribbble:hover{ color:#EA4C89}
#topbar ul li a>i.icon-flickr:hover{ color:#E30761}
/* Navigation ------------------------------------------------------------------------ */ 
ul.sf-menu > li > a:hover{ color:#fff !important}
ul.sf-menu > li:hover > a, ul.sf-menu > li:hover {	border: none !important;}
/* banner section ------------------------------------ */
.banner-bottom-bg{background-size: cover; min-height:63px;}
.banner {      min-height: 553px; }
.banner .banner-left{
	background-color: rgba(0, 0, 0, 0.75);
    margin-top: 13%;
  }
.banner .banner-left  h2.jw-title {
    color: #fff !important;
    font-size: 45px;
	margin:5%;
 
}
.banner p{
    color: #fff;
    font-size: 35px !important;
	margin:0;
	line-height:1.2em;margin: 5% 0 0 6%;
}

.banner a{ background-color:#2187cc; color:#fff !important; letter-spacing: 1px; padding: 0 30px; float:right;}
.banner label{ display:none; color:#fff;}
.banner .btn {background-color: #45ad0d;
    background-image: linear-gradient(to bottom, #45ad0d, #45ad0d);
}


.bx-wrapper .bx-prev ,.bx-wrapper .bx-next{
	border: 1px solid #2e2e2e; color:#2e2e2e !important
}
.testimonial-main{ border-bottom:1px solid #e1e1e1;}
.slide-content {
   background: rgba(2, 3, 1, 0.75);
    left: 61%;
    min-height: 450px;
    padding: 5% 3%;
    position: absolute;
    top: 0;
    width: 33%;
}
.slide-content h2{ color: #fff !important; font-size: 26px; font-weight:normal; }
.slide-content p{ font-size:16px; color:#fff !important; margin:10% 0}
.slide-content a{ 
border-radius:4px;
    font-size: 20px;
    letter-spacing: 1px;
    padding: 10px 40px;}
.jw-service-box h3{ /*color:#fff !important*/}

.adminbar ul.inline > li{ color:#fff}
.about p {color:#656464 !important; font-size: 16px;}
.about a {    background-color: #2a2a2a;
    border-radius: 2px;
    color: #fff !important;
    padding: 10px 30px;}	
.hr{ display:none}
a.more{ color: #2187cc !important; font-weight:bold; font-size:12px}
.product p {    margin: 10px 0;}
.product .page-header{ margin:0}

.faq-main .jw-news>.row{ margin-left:0;}

.video-section a {
    background-color: #2187cc;
    color: #fff !important;
    letter-spacing: 1px;
    padding: 10px 30px;
}
.video-section .jw-title-container h2.jw-title{ margin-bottom:10%;}
.video-section p, .video-section .jw-title-container h2.jw-title{ color:#fff !important}
.video-section { padding:5% 0; background-size:cover}


.footer-main ul.jw-list{ margin:0;}
.footer-main ul.jw-list > li{ color:#838383;}
.footer-main h2.jw-title{ font-size:18px !important; color:#fff !important;}
.footer-main p{ padding-right:25%;}
#footer p{ color:#fff; margin:0; padding-top:1%;}
#footer a{ color:#fff !important;}
.jw-service-boxleft-service .jw-service-icon{ float:left;}
.jw-service-boxleft-service .jw-service-content{ margin-left:20% !important;}

@media only screen and (max-width: 980px){
.gallery-container .carousel-arrow{ width:25%}
.slide-content{padding: 3%;}
.slide-content h2{ margin:0; font-size:20px;}
.slide-content p{ font-size:11px; margin:5% 0;}
.slide-content a{font-size: 12px;  padding:5px 10px;}
}
@media only screen and (max-width: 640px) {	
.gallery-container .carousel-arrow{ width:100%}
.footer-main p{ padding-right:0;}
.align-center{ text-align:center !important}
.footer-main .jw-element p , .about .jw-element p{text-align:justify; }
.slide-content p{  margin:2% 0;}	}
@media only screen and (max-width: 480px) {	
.banner .banner-left { display:none}
#banner.banner .banner-left { display:block;}
.banner p {   font-size: 20px;}
.banner .banner-right h2.jw-title{font-size: 30px;}
.container_title > h1 { font-size: 25px;}
.jw-service-icon > i.jw-font-awesome{font-size: 30px !important;}
.jw-news .loop-media img{ width:100%}
.banner-slider{ /*display:none*/}
.slide-content{ left:2px; width:95%;}
.slide-content h2{ font-size:14px !important;}
.jw-service-boxleft-service .jw-service-content{ margin-left:30% !important;}
}