/*
Theme Name: Star Logistics
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
*{outline:none !important;}
body{ background:#fffcf7 !important;  }
h1,h2,h3,h4,h5,h6,ul,button,input{ text-align:none; list-style:none; margin:0; padding:0; letter-spacing:1px; font-family:Myriad Pro!important;}
a{ text-decoration:none;}
p{ font-family:Calibri !important; }

@font-face{ font-family:Myriad Pro,; src:url(../fonts/MyriadPro-Light.otf); src:url(../fonts/MyriadPro-Regular.otf);}

.header{ margin:15px 0;}
.header .navigation-1{float:right;  margin-top:50px; position:relative;z-index:1;margin-bottom:20px;}
.navigation-1 ul li{ float:left; border-bottom:1px solid #ed1a24;  border-top:1px solid #ed1a24; padding:8px 25px; }
.navigation-1 ul li:hover{ border-bottom:1px solid #0834CB;}
.navigation-1 ul li a{ color:#0834CB ; } 

.logo{ display:block; text-align:center;}

.header .navigation-2{float:left;  margin-top:50px; }
.navigation-2 ul li{ float:left; padding:7px 25px;  border-bottom:1px solid #ED1A24;  border-top:1px solid #ED1A24;  }
.navigation-2 ul li:hover{ border-bottom:1px solid #0834CB;}
.navigation-2 ul li a{ color:#0834CB ;  } 

nav{ display:none !important;}

.banner{ overflow:hidden !important;}

.sec-1-box-1{ border:1px solid #ed1a24; margin-top:25px; margin-bottom:25px;}
.sec-1-box-1 img{ width:100%;}
.sec-1-box-1 h4{ margin-top:0; text-transform:uppercase; background:#eee; border-bottom:1px solid #ccc; padding:9px 10px; margin-bottom:0;
font-family:Myriad Pro Light !important; }
.sec-1-box-1 p{ text-align:justify; font-size:12px; min-height:195px; font-family:Calibri !important; padding:10px; color:#666; margin-bottom:0;}
.sec-1-box-1 h3{ background:#eee; padding:4px 10px; margin:0; border-top:1px solid #ccc;  }
.sec-1-box-1 a{ font-size:13px; color:#0834CB; font-family:Calibri !important; transition:all ease-in .2s;}
.sec-1-box-1 a:hover{  color:#222; }

.sec-2-box-2{ margin-bottom:20px;}
.section-2{ margin-bottom:30px;}
.sec-2-box-2 ul li{ text-transform:uppercase; margin-bottom:5px; font-family:Calibri !important; background:url(../images/right-icon.png) no-repeat;
padding-left:35px;}
.sec-2-box-2 ul li a{ color:#777;}
.sec-2-box-2 ul li a:hover{ color:#ed1a24;}
.sec-2-box-2 h3 img{padding-right: 10px;  margin-top: -10px;}
.sec-2-box-2 h3{ margin-bottom:8px; border-bottom:1px solid #e1e1e1; padding-bottom:10px;font-family:Myriad Pro Light !important; }
.sec-2-box-2 p{ text-align:justify; color:#777; line-height:16px; line-height:21px; margin-bottom:15px;}
.sec-2-box-2 .we-do{ font-size:13px; color:#0834CB; font-family:Calibri !important; background:#fff; 
				text-transform:uppercase; border:1px solid #ed1a24; padding:3px 7px;}
.sec-2-box-2 .we-do:hover{ background:#ed1a24; color:#fff;  }				
				
.best-class{ margin-top:6px;  border:1px solid #; width:100%;}


.testimonials{ background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:20px; padding-top:25px; margin-bottom:30px;}
.testimonials h3{ text-align:center;  font-size:30px; font-family:Myriad Pro Light !important; margin-top:0; margin-bottom:20px; }


.sec-4-box-1 img{ margin-top:4px;}
.sec-4-box-1 h3{ color:#ed1a24; margin-left:10px; font-family:Myriad Pro Light !important; font-size:26px; margin-top:0;}
.sec-4-head{ color:#222;font-size:20px;}	
.sec-4-box-1 p{ color:#777; text-align:justify; line-height:22px; letter-spacing:1px;display:inline-block;margin-top:5px;}
.sec-4-box-1{ margin-bottom:30px;}

.footer{ border-top:1px solid #ccc; padding-top:10px;}
.footer p{ margin:0; float:left;}
.footer a{ color:#ed1a24; text-transform:uppercase; }

.footer .social{ float:right; margin-top:-4px;}
.footer .social  li{ float:left; padding-left:15px;}
.footer .social  li:hover{ opacity:.8;}


				
/*Testimonial*/

.cbp-qtrotator{
text-align:center;
margin:0 auto !important;
}

.cbp-qtrotator blockquote footer{color:#ffffff !important;}
blockquote{border-left:none !important;}

			
.image-1 img{width:100%;height:100%;margin-bottom:10px;}


.about-1 h3{ color:#ed1a24; font-weight:bold;margin-bottom: 15px;}
.about-1 p{ text-align:justify; color:#555;}

.contact-form form input{ font-family:Calibri !important; width:100%; border:1px solid #ccc; background:#fff; padding:6px; margin-bottom:8px;}
.contact-form form textarea{ font-family:Calibri !important; width:100%; border:1px solid #ccc; background:#fff; padding:6px; margin-bottom:8px;height:100px;}
.contact-form form button{ border:none; color:#fff; background:	#ed1a24; padding:4px 8px;}		


.alignnone.size-full.wp-image-76{ width:100%;}

@media only screen and (max-width:360px)
{
	
.logo img{ width:218px;}

	

}


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

		.hid{ display:none;}

#click-menu{top:65px !important;}

}


@media only screen and (max-width:767px)
{
.sec-1-box-1 p{ min-height:0;}
}

@media only screen and (max-width:992px)
{
		.navigation-2{ margin-left:13px;}
.logo{ margin-left:-9px;}
.navigation-1 ul li a{ font-size:12px; }
.navigation-2 ul li a{ font-size:12px; }

}

@media only screen and (max-width:1200px)

{  			.navigation-1 ul li{ padding:7px 7px !important;  }
			.navigation-1 ul li a{ font-size:12px; }

			.navigation-2 ul li{ padding:7px 7px !important;  }
			.navigation-2 ul li a{ font-size:12px; }
}
body {
  font-family: Helvetica, sans-serif;
  padding: 5%;
  text-align: center;
}

#slideshow {
  overflow: hidden;
  height: 510px;
  width: 728px;
  margin: 0 auto;
}