/*
light: 300;normal: 400;semibold: 600;bold: 700;
GLOBAL STYLES
-------------------------------------------------- */
html {text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;}
body{font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 13px; color: #2d3134;margin: 0;}
img{ max-width: 100%; height: auto;}
a{ color: #c9a424;text-decoration: none;transition:.3s;-webkit-transition:.3s;}
a:hover{ text-decoration: none; color: #172538;}
a:focus{ outline: 0;}
.spacer{ padding-top: 30px; padding-bottom: 30px;}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.zoomPic-wrap{ overflow: hidden;}
.zoomPic{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;	-o-transition: all 1s ease;	-ms-transition: all 1s ease;transition: all 1s ease;}
.zoomPic:hover{ transform: scale(1.1);}
hr{}
h1{ font-size: 18px;}
h2{ font-size: 16px;}
h3{ font-size: 15px;}
h4{ font-size: 14px;}
h5{ font-size: 13px;}
h6{ font-size: 12px;}
p {margin: 0 0 10px;}
/* SOCIAL STYLING
-------------------------------------------------- */
.social{}
.social a{}
/* BUTTON STYLING
-------------------------------------------------- */
.btn{}
/* FORM STYLING
-------------------------------------------------- */
form{}
form label {}
form input, 
form select, 
form textarea, 
form .form-control{}
form input[type="submit"], 
form input[type="reset"], 
.btn-submit{}
form input[type="submit"]:hover, 
form input[type="reset"]:hover, 
.btn-submit:hover{}
/* HEADER STYLING
-------------------------------------------------- */
header{}
.head-wrap{background-color: #2d3134;border-radius: 3px;width: 100%;float: left;}
.logo-wrap{width: 40%;padding: 20px 15px 14px 20px;float: left;}
.logo-tag{font-size: 17px;color: #8e8f8f;padding-left: 75px;}
.logo-tag p{margin-bottom: 0;}

.menu-wrap{width: 60%;float: left;}

.top-menu{padding: 10px 30px;padding-right: 75px;text-align: right;}

.qts-lang-menu{list-style: none;margin: 0;padding: 0;}
.qts-lang-menu li{margin-top: 6px;margin-bottom: 6px;display: inline-block;margin-right: 8px;}
.qts-lang-menu li:last-child{margin-right: 0;}
.qts-lang-menu li a{color: #8e8f8f;}

.main-menu{background-color:#fff;width: 100%;float: left;border-radius: 3px 0 0 0;min-height: 42px;position: relative;}
.main-menu ul{list-style: none;margin: 12px auto 0;padding: 0;display: table;}
.main-menu ul li{float: left;margin: 0 15px;}
.main-menu ul li a{font-size: 13px;font-weight: 700;color: #2d3134;text-decoration: none;}
.main-menu ul li a:hover{text-decoration: none;color: #ed450d}

.navbar-toggle {position: relative;float: right;padding: 6px;margin-top: 10px;margin-right: 15px;background-color: transparent;background-image: none;border: 1px solid #2d3134;border-radius: 3px;cursor: pointer;}
.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;background-color: #2d3134;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}

@media (min-width: 768px){
    .navbar-toggle{display: none;}
}

@media (max-width: 991px){
    .top-menu {padding: 10px 15px;padding-right: 15px;}
    .logo-tag {font-size: 16px;padding-left: 0;text-align: right;}

    .main-menu ul li{margin: 0 12px;}
}

@media (max-width: 767px){
    .logo-wrap, .menu-wrap{width: 100%;}
    .logo{text-align: center;}
    .logo img{max-width: 220px;}
    .logo-tag{text-align: center;font-size: 14px;}


    .main-menu > ul{display: none;position: absolute;right: 15px;width: 240px;background-color: #2d3134;top: 48px;margin: 0;z-index: 5}
    .main-menu > ul > li{width: 100%;display: block;margin: 0;border-bottom: 1px solid #ccc;}
    .main-menu > ul > li:last-child{border-bottom: 0;}
    .main-menu > ul > li > a{color: #fff;display: block;padding: 8px 12px;font-weight: 400;}
}


/* CONTENT AREA STYLING
-------------------------------------------------- */
.title-wrap{}
.title-wrap h1, .secTitle{}
.title-wrap p{}

.page-title{margin: 8px 0 12px;}
.page-title h1{font-size: 18px;color: #2d3134;margin: 0;}

.sec-title h2{font-size: 20px;color: #000;}

.section{width: 100%;float: left;}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row{margin: 0 -10px;}

.container:after, .container:before, .row:after, .row:before{display: table;content: " ";}
.container:after, .row:after{clear: both;}

.span8{width: 64%;float: left;padding: 0 10px;}
.span4{width: 36%;float: left;padding: 0 10px;}

.span6{width: 50%;float: left;padding:0 10px;}

.m-0{margin: 0 !important;}
.mt-0{margin-top: 0 !important;}

@media (max-width: 767px){
    .span8{width: 100%;}
    .span4{width: 100%;}
    .span6{width: 100%;}
}

@media (min-width: 768px){
	.container{width: 750px}
}
@media (min-width: 992px){
	.container{width: 956px}
}

/* TABLE STYLING
-------------------------------------------------- */
table{margin-bottom: 15px;color: #2d3134}
table td{padding: 4px 5px;}

/* FOOTER STYLING
-------------------------------------------------- */
footer{background-color: #2d3134;text-align: center;padding: 17px 15px;border-radius: 4px 4px 0 0}
footer p{font-size: 12px;color: #d64c18;margin-bottom: 0;}
/* SIDEBAR STYLING
-------------------------------------------------- */
.sidebar{background-color: #e3dcc2;padding: 8px;border-radius: 4px;font-size: 12px;margin-bottom: 15px;}
hr{height: 2px;border-top: 1px solid #b6ad8f;border-bottom: 1px solid #efebe0;margin: 10px 0}

.sidebar.blog .widget{margin-bottom: 24px;}
.sidebar.blog .widget h4{margin-top: 0;margin-bottom: 10px;font-size: 16px;}
.sidebar.blog ul{list-style-image: url(images/ul-icon.jpg);margin: 0;padding: 0;padding-left: 20px;margin-bottom: 10px;}
.sidebar.blog ul li{font-size: 12px;color: #2d3134;margin-bottom: 7px;}
.sidebar.blog ul li a{color: #000;}


/* HOMEPAGE STYLING
-------------------------------------------------- */

.banner{margin: 6px 0;}

.welcm-title h1{font-size: 16px;font-weight: 700;color: #2d3134;margin-top: 0;}
.welcm-title h1:after{position: relative;content: "";display: block;width: 100%;height: 2px;background-color: #909193;margin-top: 12px;}

.trade-reg{position: relative;padding-left: 134px;min-height: 162px;}
.trade-reg .img-con{position: absolute;left:0;top: 0;}
.trade-reg .img-con img{width: 116px;border: 5px solid #fff;}

ul.two-col{columns: 2;-webkit-columns: 2;-moz-columns: 2;-webkit-column-gap: 40px;column-gap: 40px;-moz-column-gap: 40px;}
.ulbdlft {
    list-style: square;
    font-size: 13px;
    color: #ed450d;
    text-align: left;
    padding-left: 15px;
}
.ulbdlft li{padding-bottom: 5px;}

.country-list .col1, .country-list .col2{padding: 0 10px;float: left;}
.country-list .col1{width: 40%}
.country-list .col2{width: 60%}
.country-list h4{font-size: 12px;font-weight: 700;color: #ed450d;margin-top: 0;margin-bottom: 8px;}
.country-list ul{list-style-image: url(images/ul-icon.jpg);margin: 0;padding: 0;padding-left: 20px;margin-bottom: 10px;}
.country-list ul li{font-size: 12px;color: #2d3134;margin-bottom: 7px;}
/* BLOG PAGE STYLING
-------------------------------------------------- */
p.post-meta, p.post-meta a{color: #ed450d}

/* CUSTOMIZE CMS AREA
-------------------------------------------------- */
.entry{}
.entry a{text-decoration: underline;}
.entry p{font-size: 13px;line-height: 150%}
.entry h1{ color: #141414; margin-top: 10px;}
.entry h2{ margin-top: 10px;}
.entry h3{ color: #141414; font-weight: 400; margin-top: 10px;}
.entry h4{}
.entry h5{}
.entry h6{}
.entry ul{}
.entry ul >li{}
.entry ul >li:before{}
.entry ul li li{}
.entry ul li a{ text-decoration: underline;}
.entry ul ul{ margin: 5px 0 10px 0;} 
.entry ol{margin: 20px 0; padding: 0 0 0 20px; counter-reset:item;}
.entry ol li {text-indent:-2em; list-style-type:none; counter-increment:item; padding-left: 15px;} 
.entry ol li:before { display:inline-block; width:30px; padding-right:10px; font-weight:700; text-align:right; content:counter(item) ".";}
.entry ol ol{ list-style-position: inside; margin: 10px 0 0;}
.entry dl{}
.entry dl dt{ margin-top: 10px;}
.entry dl dd{ padding-left: 15px;}
.entry img{ margin: 10px 0;}
.entry img.alignleft{ float: left; margin: 5px 30px 10px 0;}
.entry img.alignright{ float: right; margin: 5px 0 10px 30px;}
.entry form{}
/*
RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 767px){
}
@media (min-width: 768px){
}
@media (max-width: 991px){
}
@media (min-width: 992px){
}
@media (min-width: 1024px){
}
@media (min-width: 1200px){
}

/** Arbic blog css **/
.entry .arbic ol{padding:0 20px 0 0}
.entry .arbic ol li{text-indent:0;padding-left:0;list-style-type: decimal;}
.entry .arbic ol li:before{display:none;}

table, td, th {
  border: 1px solid black;
}