@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato'), local('Lato'), url(http://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); }

a { text-decoration: none; color:#333; cursor:pointer;}
a:hover {color:#FF3B3B;}
ul, li { list-style:none; padding: 0; margin: 0;}

body { font-family: 'Open Sans'; color: #262626; margin: 0px; padding: 0; border: none; font-size: 0px; }

.midimg { width:100%; display:inline-flex; align-content:space-between; }
.midimg img { display: block; border:solid thin #EEE; margin: auto;}

h1,h2,h3,h4 { font-family:Lato; }
h1 { font-size: 22px; padding: 40px 0px 5px 0px; margin: 5px 0px 5px 0px; color:#0f7cb4;	}
h2 { font-size: 20px; padding: 20px 0px 5px 0px; margin: 5px 0px 5px 0px; color:#464646;	}
h3 { font-size: 18px; margin: 5px 0px 5px 0px; padding-top:20px; font-weight:bold; color:#464646; }
h4 { font-size: 14px; margin: 5px 0px 5px 0px; font-weight:500; color:#464646; }
p { color:#030010; font-size:16px; line-height:21px; margin-top:5px; font-weight:100; margin-bottom:20px; }

/* BREADCRUMB SECTION */
#breadcrumb-wrapper { width:100%; float:left;font-size:12px; }
#breadcrumb-ol { float:left; padding:0; margin:0;}
.breadcrumb-li { float:left; }
.breadcrumb-li::before { float:left; display:inline-block; content:"❯"; margin-left:10px; margin-right:10px;}
.breadcrumb-li:nth-of-type(1)::before { display:none;}

.breadcrumb-start { display:block; background: url("../Images/home.png"); background-size:cover; width:14px; height:14px;float:left;font-size:0px;}
.breadcrumb-start:hover { background: url("../Images/home-hov.png"); background-size:cover; }

.leftpanel-wrapper { width:100%; display:inline-block; padding-bottom:50px;min-height:500px;}
.leftpanel { display:block;	 width:90%; max-width:1220px; min-width:310px; margin-left:auto; margin-right:auto; height: 100%; }
.bg1 { background:linear-gradient(#D76C6C, #F78C7C); }
.bg1 { background:linear-gradient(#f7fafd, #dfefff); }
.bg1 { background:linear-gradient(#FCFCFF, #dfefff); }

#body-content { width:100%; min-width:310px; min-height: 500px;	padding: 0; margin: 70px auto 0px auto; display:inline-block; }
.leftpanel, #navinner { display:block; width:80%; min-width:310px; margin-left:auto; margin-right:auto; }

#nav-main { display: inline-block; width: 100%; position: fixed; top: 0px; z-index: 10; font-size: 16px; background:white; height: 70px; }
#menulink-wrapper { display: inline-flex; width: 65%; padding-top: 25px; padding-left: 5%; align-content:space-between;}
#logo { display: inline-block; float: left; margin-top: 10px; height: 48px; max-width: 200px; min-width: 130px; width: 25%; background: url("../Images/stratoso_logo.png") left center no-repeat; background-size: 100% auto; }
.menulink { color:#333; width:33%; font-family:Lato; text-align:center; }

/* For footer */
footer { display:inline-block; min-height: 50px; padding-top:30px; width:100%; background:#222; color:#FFF; text-align:center; line-height:30px; border-bottom:1px transparent solid;}
.footer-colbox { display:inline-block; width:100%; }
.footer-header, .footer-header-link { font-size:14px; font-weight:600; width:100%; color:#FFF; }
.footer-text, .footer-text-nolink { font-size:13px; font-weight:500; color:#464646; color:#FFF; width:100%; }
.footer-text:hover, .footer-header-link:hover {  text-decoration: underline; }

#indexh1 { width:100%; text-align:center; font-size:32px;color:#464646;}
.servicesbox { display:inline-flex; width:98%;  align-content:space-between; flex-flow:wrap; margin-top:10px; padding:40px 1% 40px 1%; }
.service-img { width:40%; height:200px; border-radius:1% 1%; display:block; margin:auto; background: url("../Images/disconta-example2.jpg"); background-size:contain; background-repeat:no-repeat; background-position-y:center; background-position-x:center;}

.service-txtwrpr { width:40%; display:inline-block; font-size:20px; }
.service-title { display:inline-block; font-size: 24px; width:100%; margin-bottom:10px; }
.service-txt { display:inline-block; font-size: 18px; width:100%; margin-bottom:10px; }
.service-txt a { color:#0f7cb4; background:rgba(0,0,0, 0.05); padding: 3px 10px 3px 10px; border-radius: 5px 5px; }
.service-txt a:hover { color:#FF3B3B; }

#marketwrapper { background: linear-gradient(rgba(255,255,255,0.05), rgba(255,255,255,0.1)); width:100%; margin-top:30px; display:flex; flex-flow:wrap;}

.marketlinkwrapper { width:20%; align-items:center; display:flex; align-content:center; padding-top:20px;}
.marketlink { margin:auto; color:#0f7cb4; background:rgba(0,0,0, 0.05); font-size:16px; text-decoration:none; line-height:30px; float:left; border-radius: 5px 5px; padding-left:10px; padding-right:10px;}
.marketlink img { margin-right:10px; height:16px; float:left; padding-top:7px;}

.imagetext { display: inline-flex; font-style:italic; font-size: 14px; width:100%; align-content:center; margin-top:5px; }
.imagetext span { margin:auto; display:block; }

.contact-textbox, .contact-textarea { width:90%; padding: 5px 5px 5px 5px; font-family: Arial, Helvetica, sans-serif; background: #F6F6F6;}
.contact-textarea { height: 150px; }
.contact-submit { height:30px; width:140px; background-color:#0f7cb4; color:#FFF; margin-top:5px; border:none; }
.validationmsg { color: red; }
.newsdate {margin-bottom:3px; font-size:14px; margin-top:25px;}
.newsh3 { padding-top:0px; }

.panel33, .panel40, .panel50, .panel60, .panel67, .panel100, .panel50const, 
.panel33outer, .panel40outer, .panel50outer, .panel60outer, .panel67outer, .panel100outer
{ display:inline-block; float:left; padding:0px 0px 0px 0px; margin:0px;}	

.panel33 { width:29.3%; }
.panel33outer { width:32%; }

.panel40 { width:36%; }
.panel40outer { width:39%; }

.panel60 { width:56%; }
.panel60outer { width:59%; }

.panel67 { width:62.7%; }	
.panel67outer { width:65.7%; }

.panel50 { width:46%; }
.panel50outer { width:49%; } 
.panel50const { width:48%; }

.panel100 { width:96%; }
.panel100outer { width:100%; }

.panel50const-left { padding-left: 0%; padding-right:2%; }
.panel50const-right { padding-left: 2%; padding-right:0%; }

.panel-outer-left { padding-left: 0%; padding-right:1%;	}
.panel-outer-right { padding-left: 1%; padding-right:0%; }
.panel50-nopadding { width: 50%; }

.cb {display:none;}
.cb ~ div { display:none; }
.cb:checked ~ div { display:inline-block; }

#langwrapper { display:inline-block; float:right; width:35px; margin-top:22px; background:#F6F6F6; border-radius:5px 5px;padding:5px; font-size:12px; color:#666;}
.menulang { width:100%; cursor:pointer; float:left;}

input[type="submit"] { cursor:pointer;}

@media (max-width: 650px) {
	#indexh1 { font-size: 26px; width:90%; margin:auto;}
	.marketlinkwrapper { width: 50%; }
	.marketlink { font-size: 14px; }
	.service-img, .service-txtwrpr { width: 80%; margin: 0px auto 10px auto; }		
	.service-img { height:100px;}
	.service-title {font-size:18px; }
	.service-txt {font-size:14px; }
	.servicesbox { padding:10px 1% 10px 1%; }
    #menulink-wrapper { float: left; width: 85%; padding: 0px 0px 0px 0px;}
    #nav-middle-wrapper { padding-top: 0px; height: 78px; }
	#nav-middle { width: 100%; } 
    #logo { margin-top: 0px; width: 20%; margin-left: 30%; }
	.menulink { color:#333; margin-left:10px; margin-right:10px; font-size: 14px;}
	#langwrapper { margin-top:-3px;}
}