@import url(https://fonts.googleapis.com/css?family=Oswald:700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,700,500);
@import url(//cdn.fortune3.com/templates/common/fonts/font-awesome.min.css);
/*main template colors*/
body {color:#838383; position: relative; font-family: 'Roboto', sans-serif; -webkit-text-size-adjust: none; background-color: #d6eed6;}
.main-bg,.btn-default,.tab-on,.tab-on:hover,.minus-option:hover, .plus-option:hover,.social li, .socialtwo li{background-color: #060;}
.main-bg2{background-color: ;}
.btn-default a{color:#fff}
.main-bgh:hover,.btn-default:hover,.btn-default:focus,.social li:hover{background-color: #469c46;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.main-color, .main-color a, .main-color .companyname, .pagination>li>a{color: #757575;}
.main-colorh:hover, .main-colorh:hover a{color:#000;text-decoration:none;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.menu_dark_theme ul li:hover, .menu_dark_theme ul li.nodrop:hover{background-color: #469c46;transition:background-color .3s ease;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease}
.btn-default{color:#fff; border-radius:0;font-weight: bold;border: 1px solid #41758D;text-transform: uppercase;font-size: 12px;text-shadow: 0px 1px 0px rgb(53, 97, 118);padding: 8px 12px 6px}
.btn-default:hover,.btn-default:focus{color:#fff}
.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.fa-search{color:#fff;font-size:25px}
.fa-star,.fa-star-half{color: #FFC605;font-size: 15px;}
/*end of main template colors*/
a{text-decoration:none}
ul{padding-left:0}
button:active,button:focus{outline:none}
.modal-dialog{z-index:3000}
.header-top { width:100%; min-height: 30px; background:#f6f7f8; border-bottom: 1px solid #EBEBEB;}
.header-links { float:left; margin-top: 10px;}
.header-links a { font-size: 12px; font-weight: bold; color: #515050; text-align:center; text-decoration:none; text-transform: uppercase;}
.header-links li { display: inline; padding-right: 15px;}
.header-links li:last-child {background-color: #d6eed6;font-weight: bold;padding-left: 15px;}
.header-links a i {display:none}
.header-content { min-height: 150px; position: relative; background-color: #fff;}
.overflow{overflow:auto;}
#cartidiv a:hover { color:#2e5e81; }
/*flags*/
.lang-curr {float: right;margin-top: 4px;}
.flags, .flagslang{display: inline-block;text-align:right;cursor: pointer;margin-right: 5px;position: relative;}
.flags>div, .flagslang>div {display:inline-block;border:1px solid #eaeaea;padding:5px;}
.flags>div span, .flagslang>div span{margin-right:5px; vertical-align:middle;color: rgb(180, 180, 180);}
.flags ul, .flagslang ul{ position: absolute;top: 100%;left: 0;z-index: 9999;display: none; float: left; padding: 5px 0; margin: 0 !important; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box;border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); box-shadow: 0 6px 12px rgba(0,0,0,.175); right: 0; left: auto}
.flags ul li, .flagslang ul li{ list-style-type:none; display:block;padding:0px; text-align: right;}
.flags ul li:hover a, .flagslang ul li:hover a{background-color:#eaeaea;}
.flags ul li a, .flagslang ul li a{font-size: 13px;text-decoration: none !important;display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333 !important;white-space: nowrap;padding: 6px 15px}
.flags ul li a img, .flagslang ul li a img{ vertical-align:middle;}
.flags ul li a span, .flagslang ul li a span{margin-right: 10px;}
.flags:hover ul, .flagslang:hover ul{display:block;}
/*end of flags*/
a#submit {z-index: 1}
.social {float: right}
.social li {display: inline; margin: 5px; height: 28px; width: 28px; float: left;position:relative;-webkit-transition: all ease 0.3s; transition: all ease 0.3s;}
.social li a, .socialtwo li a{display:block;width:100%;height:100%;position:relative;z-index:1}
.socialtwo {display:none;text-align:center}
.socialtwo li{display: inline-block; margin: 5px; height: 28px; width: 28px; position:relative;-webkit-transition: all ease 0.3s; transition: all ease 0.3s;}
#ico-linkedin:after,#ico-facebook:after,#ico-twitter:after,#ico-google:after,#ico-pinterest:after,#ico-youtube:after,#ico-blog:after,#ico-instagram:after{font-family: 'FontAwesome';font-size: 13px;color:#fff;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
#ico-twitter:after{content:"\f099"}
#ico-google:after{content:"\f0d5"}
#ico-pinterest:after{content:"\f0d2"}
#ico-blog:after{content:"\f09e"}
#ico-youtube:after{content:"\f167"}
#ico-linkedin:after{content:"\f0e1"}
#ico-facebook:after{content:"\f09a"}
#ico-instagram:after{content:"f16d"}
.logo {font-family: 'Oswald', sans-serif; color:#2e5e81; line-height: 120px; margin-top: auto; margin-bottom: auto; }
.logo .logo-responsive{max-height:149px;width:auto;height:auto}
.logo-responsive {display: ;max-width: 100%;height: auto;}
.companyname {font-size: 50px;text-decoration:none}
.search-bar {position: relative; line-height: 120px;text-align:center}
.search-bar form button {padding:6px 13px; border:0px}
.search-bar form button:hover{ cursor:pointer;}
.search-field { border: 1px solid #d9d9d9; background: #fff; font-size: 12px; line-height:16px; color: #515050; padding: 10px 10px 10px; width: 70%; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.08) inset;-moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.08) inset;-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.08) inset; height: 38px; vertical-align: middle;}
.my-cart {line-height: 120px; color:#b2b2b2; vertical-align: middle;}
.my-cart-inner {text-align:right;}
.my-cart-inner::after{clear:both;}
.my-cart-inner > i{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);margin-right: 8px;}
.my-cart a { color: #424141; font-weight: bold; text-decoration:none; }
.nav-container { /*margin-top: 10px;*/ width: 100%; z-index:3; position:absolute;}
.main-container { background: #fff; padding-top: 15px; padding-bottom:20px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); clear:both; position:relative;}
.slider {margin:0px auto; margin-top: 60px;}
/*.slider img {max-height:500px;}*/
.sidemenu {width: 24%;padding-top: 10px; margin-top: 15px; padding-bottom: 10px;}
.navigator { background-color: #2e5e81; display:inline-block; width:19%; vertical-align:top; padding-top:10px; overflow:hidden; float:right;}
.footer {margin: 0 auto; background: #4c4c4c; padding-top: 10px; padding-bottom: 10px; }
.copyright {background: #353535; padding-top: 10px; padding-bottom: 10px; text-align: center; }
.copyright img{max-width:100%;height:auto}
.live-chat {position: fixed; right: 30px;bottom: 100px;z-index: 1000;}
::-webkit-scrollbar { width: 10px; background:#fff; }
::-webkit-scrollbar-thumb { background: #333}
/* Invoice GENERAL STYLES */
.ListHead {background-color: #0099cc;}
.menudark {background-color: #ffffff;}
.menuodd {background-color: #ffffff;}
.menueven {background-color: #FFFFFF;}
.Medium_TXB_Bold {color: #0099cc; font-weight: bold; text-decoration: none; background-color: #ffffff;}
.Medium_Color3_Bold {color: #292b2c; font-weight: bold; text-decoration: none;}
pre {background-color: #fff !important;}

@media screen and (max-width : 1210px){
.companyname{font-size:20px}
}
@media (min-width : 768px) and (max-width : 1024px)
{
/*header menu*/
.menu p, .menu ul, .menu li, .menu h2, .menu h3{font-size: 1.3vw;}
/*end of header menu*/
}
@media (max-width : 767px) 
{
.logo,.search-bar,.my-cart{line-height:normal;text-align: center;}
.search-bar{margin: 5px 0px;}content:"\f0e1";
.header-links ul{width:100%; padding:0px;}
.header-links li {padding:0px 8px;}
.header-links a span{display:none}
.header-links a i{display: inline-block}
.social{display:none;}
.socialtwo{display: block !important; margin:10px auto;}
.footer{overflow:auto;}
.companyname{font-size:40px;}
.my-cart{float:none; padding:0px; margin:0px auto; margin-top:5px; width:98%;}
.curr-lang{display:none;}
.nav-container{position:static;}
.slider{margin-top:0px;}
.my-cart-inner {text-align: center}
.content-area-div{width:100%;}
.left-mobile-menu{display:none;}
.footer-text-content{width:100%; float:none;}
.footer-menu-content {width:100%; float:none;}
.bottom-menu-cell {padding:5px; float:none !important;}
.contactus{text-align:left}
.navigator{display:none;}
.main-footer-bg{float:none;}
/*currency and translation*/

}