@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('../fonts/CaviarDreams-webfont.woff');
}
*{margin:0;padding:0}
body{font-size:14px;font-family:'caviar_dreamsregular', sans-serif;padding:0;color:#333; background-image: linear-gradient(to bottom, #636465, #777a7d, #8c9196, #a2a9b0, #cdd6df);background-attachment: fixed;background-position: center;background-size: cover;}
body a{text-decoration:none}
body a:hover{text-decoration:none;color:#3c6489}
img {max-width: 100%;}
h1{color:#3c6489;font-size:22px}
h2{color:#3c6489;font-size:18px}
.container{margin-right:auto;margin-left:auto;padding:0 10px;}
.container:before,.container:after{content:" ";display:table}
.container:after{clear:both}
.content{float:right;width:100%;min-height:400px;margin:10px 0}
.wrap{float:right;width:100%;padding:0 2%;background:#fff;border-radius: 25px 0 0 0}
.header{position:relative;z-index:1000;width:100%;float:right}
.header-top{float:left;position:relative;width:100%;color:#284158;padding:15px}
.header-bottom{float:left;position:relative;width:100%}
.head-t{float:left;padding-top:5px}
.logo-nav-left{float:left;margin-top:10px;}
.logo-nav-left,.h-nav-left{float:left;}
.logo-nav-right{float:right}
.card{margin:0}
.card li{display:inline-block}
.card a{color:#fff}
.card li{padding-left:10px}
.card a:hover {color:#0ba9f9;}
.card i{padding:0 5px;font-size:8px}
.lang-top li{text-align:center;line-height:15px;}
.user-panel{position:absolute;right:45%;top:0;width:100%;float:right}
.tb-user li{padding:5px 10px 0 0;display:inline-block;cursor:pointer;}
.tb-user li a{text-decoration:underline;}
.tb-user li a:hover{color:#0ba9f9;}
.social-top li{display: inline-block;p adding-left: 5px;}
.icon{border-radius:100px;cursor:pointer;display:inline-block;margin:0 5px;position:relative;width:28px;height:28px;z-index:10}
.header-ri{float:right;width:100%}
.header-ri,.ul{margin:0}
.clear{float:right;width:100%;height:20px}
.rtl{direction:rtl}
/*-------------------- navbar -----------------*/
.navbar-toggle{background:#fff;}
.navbar-default {background: none;border: none;min-height: inherit;margin: 0}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background: #3c6489;color:#fff !important;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background: none;}
.navbar-default .navbar-nav >li a{color:#fff;}
.navbar-default .navbar-nav >li a:hover{color:#0ba9f9}
.navbar-nav > li > a {padding-left: 16px}
.navbar-collapse {padding-right: 0;padding-left: 0;}
.navbar-nav > li > a {line-height: inherit;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;color:#333}
.navbar-toggle .icon-bar {width: 42px;height: 20px;}
.navbar-toggle {padding: 2px 10px;}
.navbar-collapse.in {overflow: hidden}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {margin-right: 0;margin-left: 0;}
/*-----left nav --------------*/
.top_nav_date {float: left;color:#fff;margin-top:20px;margin-left:20px;}
.top-nav-left {float: left;}
.top-nav-left .navbar{float: right;padding:0 20px;}
.top-nav-right {float: left;}
.ban-top {float:left;width:100%;background:#284158;box-shadow: 0 1px 3px rgba(40, 65, 88, 0.12);border-radius: 0 0 15px 0;}
.ban-top-con{float:left;width:100%;}
.top-nav-right ul {margin-right:10px;padding:10px 0 0 10px}
.top-nav-right ul li{list-style-type:none;display:inline-block;margin:0 2px;overflow:hidden}
.top-nav-right ul li a{display: inline-block}
/*-----------------------------------------*/
.slider{position:relative;float:right;width:100%}
.border-c{border:1px solid #aaa}
.gray{background:#f5f5f5}
.nopadding{padding-left:0;padding-right:0;}
.carousel-indicators {bottom: 10px;left: 5%;}
.carousel-indicators li{border: 1px solid #284158}
.carousel-indicators li.active{background:#fff}
#carousel-slider{position:relative}
#carousel-slider a i{font-size:30px;height:50px;padding:8px;position:absolute;top:50%;width:50px;color:#0BA9F9}
#carousel-slider a :hover{color:#fff}
#carousel-slider .carousel-control{width:inherit}
#carousel-slider .carousel-control.left{left:10px;z-index:19}
#carousel-slider .carousel-control.right{right:15px;z-index:19}
#carousel-slider.carousel-control.left,#carousel-slider.carousel-control.right{background:none}
#carousel-slider .arrow-left {font-size:30px;height:50px;padding:8px;position:absolute;top:50%;width:40px;color:#eee;background:url(../images/left-1.png) no-repeat;}
#carousel-slider .arrow-right {font-size:30px;height:50px;padding:8px;position:absolute;top:50%;width:40px;color:#eee;background:url(../images/right-1.png) no-repeat;}
#carousel-slider a span:hover {color:#fff;}
.carousel-inner > .item > a > img, .carousel-inner > .item > img{width:100%}
.carousel-caption{position:absolute;left:15%;top:20%;z-index:10;padding-bottom:0;color:#333;text-align:left}
.carousel-caption h2,.carousel-caption h3{color:#fff;background:rgba(40,65,88,.3);margin-top: 20px; margin-bottom: 10px;padding:5px;font-size:18px}
a.find-about {margin-top: 2em;display: inline-block;color: #fff ;padding: 8px 25px;background:#284158;border-radius:5px}
a.find-about:hover {color:#0ba9f9;}
.feature{float:right;width:100%;padding:20px 0}
.feature-grid-right{float:right;line-height:2em}
.feature-grid-img  {padding:3%}
.feature-grid-img img {width:100%}
.feature-t{float:right;width:100%;padding:20px 0;}
.grids{float:right;flex-flow: row column;}
.grids h2{float:right;width:100%;text-align:center;font-size:16px;font-weight:bold;padding-top:8px}
.grids p{line-height:1.8em;}
.grad {float:right}
.intro{border-top:1px solid #d1d1d1;}
.intro h2{text-align:center;color:#777;}
.intro img{width:100%;}
.recommended_items {padding:10px 0}
.recommended_items h5{color:#555;}
.product-wrapper{float:right;width:33.333%;padding:10px;margin-bottom:15px}
.productinfo {float:right;width:100%;border:1px solid #f1f1f1;border-radius:5px;padding:10px;}
.productinfo h5 {color:333;font-size:16px}
.productinfo img{width:100%}
.recommended-item-control{position:absolute;top:41%}
.add-to-cart{background:#ddd;border:0 none;border-radius:0;}
.add-to-cart:hover{border:0 none;border-radius:0;color:#0ba9f9}
.title-img {float:right;background-color: #284158;color:#fff;padding:5px 25px;-webkit-border-radius: 0 0 15px 0;-moz-border-radius: 0 0 15px 0;border-radius: 0 0 0 15px;}
.title {color: #FFF;margin: 0;overflow: hidden;float: right;}
#user_mesage{margin-bottom:10px}
.main-wrapper{width:100%;margin-bottom:30px;float:left}
.section{position:relative;width:100%;float:left}
.section img{max-width:100%}
.sample{width:100%;float:right;padding:20px 0;}
.products{float:right;padding:10px 0;margin-top:20px;border-top:1px solid #ddd}
.register{width:100%;float:right;padding:20px 0;}
.gallery-item{float:right;}
.top_main{width:100%;margin:3% 0}
.top_main h2{text-transform:capitalize;color:#090944;font-size:1.5em;text-shadow:0 1px 0 #fff;line-height:1.8em}
.top_main h2 span{color:#f2262c}
.top_main a{float:left;text-transform:capitalize;padding:8px 20px;color:#0BA9F9;border:1px solid #0BA9F9;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.top_main a:hover{background:#f1f1f1}
.about,.sample {line-height:2em}
.right{float:right;right:0}
.work{padding:20px 0;letter-spacing:1px}
.work h2,.sample h2,.publicity h2,.about h2{color:#3c6489;padding:0 0 10px;font-size:18px}
.about a{color:#3c6489}
.orang{color:#f25e28}
.red{color:#0ba9f9}
.white{background:#fff}
.weblog{padding:10px 0;}
.web-image {padding:15px 0;}
.web-image img{float:right;}
.w-comment {padding:5px}
.w-comment a{color:#333;}
.w-comment a:hover{color:#3c6489;}
.wd-post{float:right;margin:10px 0;}
.wd-post-img img{width:100%}
.publicity{padding:15px 0}
.grid_1_of_2{position:relative;width:50%;float:left}
.grid_1_of_3{position:relative;width:33%;float:left}
.grid_2_of_3{position:relative;width:66%;float:left}
.grid_1_of_4{position:relative;width:25%;float:left}
.grid_3_of_4{position:relative;width:75%;float:left}
.grid_1_of_5{position:relative;width:20%;float:left}
.testimony{float:right;padding:20px 0;text-align:center}
.testimony h1,.testimony h2{font-size:20px;color:#fff}
.t-icon{background:#33303e none repeat scroll 0 0;border:4px solid #fff;border-radius:50%;height:66px;margin:0 auto 15px;width:66px}
.t-icon img{vertical-align:middle;margin-top:10px}
.login_form {float: left;margin-bottom: 20px;}
.post{float:left;position:relative;padding:10px;margin:5% 0;border:1px solid #f1f1f1;border-radius:5px;margin-bottom:2%;text-align:center}
.post span ,.product-image-wrapper span{color:#333}
.post:hover{color:#3c6489;}
.post-in{width:94%;margin:3%;padding:1px 0;border:1px solid #f1f1f7;background:#f1f1f1}
.post-in:hover{border:1px solid #eee;color:#0BA9F9;background:#fafafa}
.post-in a{text-decoration:none;color:#333}
.post-in h4{text-decoration:none;color:#333;text-align:center}
.post-in a:hover{color:#0BA9F9}
.post-in h4,h2,h3{padding:8px}
.post-image{width:94%;margin:3%}
.post-image img{width:100%}
.product-image-wrapper{float:right;width:100%;margin-bottom:15px;}
.list-p-thumb{padding:20px;}
.p-thumb:hover{border:1px solid #aaa;}
.top-page{background-size:100%;min-height:150px}
.error-404{min-height:200px}
.footer{width:100%;float:right;background:#1f1f1f;padding-top:20px;border-top:3px solid #3c6489}
.border-top{float:right;padding: 0 10px;}
.footer-bottom{width:100%;float:right;background:#0f1215 ;padding:1em 0;}
.footer-grid h4{color:#fff;padding-bottom: 20px;}
.section-title {position: relative;}
.section-title::after {background: #0ba9f9 none repeat scroll 0 0;bottom: 0;content: "";display: block;height: 2px;left: 0;position: absolute;width: 35px;}
.footer-grid ul li{list-style-type:none;margin-bottom:.4em;color:#ddd}
.footer-grid ul li img{float:right;}
.footer-grid p{color:#ddd}
.footer-grid ul li span{display:block;margin-left:3em}
.footer-grid ul li a{color:#ddd;text-decoration:none}
.footer-grid ul li a:hover{color:#0ba9f9}
.footer-grid i{color:#fff;padding-right:5px;}
.copy-right{width:100%;float:right}
.copy-right p{text-align:center;color:#aaa;margin:0}
.breadcrumb{float:right;width:100%;margin:30px 0;padding:5px 15px;border-radius:4px}
.breadcrumb li{list-style:none}
.breadcrumb li a{color:#284158 }
ul.phone-mail{margin:0 0 2em}
.mail iframe{width:100%;min-height:300px;padding:0 1em}
.form-control{background-color:#fff;background-image:none;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;color:#555;display:block;height:30px;line-height:1.42857;padding:6px 12px;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0;width:100%}
.sap_tabs{clear:both;padding:0}
.top1{margin-top:2%}
.resp-tabs-list{text-align:center;list-style:none;margin:0 0 3em;padding:0}
.resp-tabs-list li{float:right}
.resp-tab-item{margin:0 5px;padding:0 15px 10px;text-decoration:none;color:#333;cursor:pointer;text-transform:uppercase;border-bottom:2px solid #ccc;display:inline-block;text-align:center;list-style:none;outline:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;text-transform:Capitalize;font-weight:600}
.resp-tab-active,.resp-tab-item:hover{color:#333;border-bottom:2px solid #E7272D}
.resp-tabs-container{padding:0;clear:left}
h2.resp-accordion{cursor:pointer;padding:5px;display:none}
.resp-tab-content{display:none}
.resp-content-active,.resp-accordion-active{display:block}
.resp-tab-div{float:right;width:100%;margin:10px 0 20px}
.product-men img{width:100%}
.product-easy{padding:90px 0}
.product-men{margin:10px 0;float:right}
@media(min-width:1320px){.container{width:1270px}}
@media(min-width:1000px) and (max-width:1319px){
.container{max-width:1300px}
}
@media (max-width:1024px) {
.grid_1_of_2{width:47%}
.carousel-caption{right:5%;top:5%}
.carousel-caption h2,.carousel-caption h3{font-size:20px;margin-top: 10px; margin-bottom: 5px;padding:5px}
}
@media (max-width:991px) {
.footer-grid:nth-child(2){margin-bottom:1em}
.footer-logo h2 a{font-size:1.8em}
.footer-logo h2:before,.footer-logo h2:after{width:30%}
.mail-grid-right{width:50%;margin:2em auto}
.carousel-caption{right:3%;top:5%}
.carousel-caption h2,.carousel-caption h3{font-size:18px;margin-top: 10px; margin-bottom: 5px;padding:5px}
}
@media (max-width:768px) {
.container{max-width:100%}
.feature-grid-img{display:none;}
.min-menu{width:100%;float:right}
.carousel-caption{top:10%}
.carousel-caption h2{font-size:15px}
a.find-about {margin-top: .5em;padding: 4px 8px;font-size: 12px}
.logo-nav{padding:1em 0}
.navbar{margin-bottom:0}
.logo-nav{padding:1em 0}
.navbar{margin-bottom:0}
.navbar-nav >li{display: block;width: 100%;}
.dropdown-menu li.cat-thumbnail > a:first-child {display: none;}
.carousel-caption{right:3%;top:5%}
.carousel-caption h2,.carousel-caption h3{font-size:15px;margin-top: 10px; margin-bottom: 5px;padding:5px}
}
@media (max-width: 640px) {
.testimony h1{font-size:24px}
.introduction-right{width:100%}
.toggleMenu{width:100%}
.header-right{width:21%}
.footer-logo h2 a{font-size:1.5em}
.product-wrapper{width:100%}
}
@media (max-width:568px) {
.header-right{width:23%}
}
@media (max-width:480px) {
.container{max-width:100%}
.toggleMenu{width:100%}
.testimony h2{font-size:22px}
.header-right{width:30%}
.banner-wrap{padding:0 0 3em}
.footer-grid h3{font-size:1.5em}
.footer-grid:nth-child(2){margin:0}
.footer-grid:nth-child(3){margin:0 0 2em}
.footer-grid-sub-grid-right h4 a{font-size:1.1em}
.footer-grid-sub-grid-right{margin:3em 0 0}
.footer-logo h2 a{font-size:1.3em}
.footer-logo h2:before,.footer-logo h2:after{width:26%}
.footer-logo{margin:2em 0}
.carousel-caption{right:1%;top:1%}
.carousel-caption h2,.carousel-caption h3{font-size:12px;margin-top: 5px; margin-bottom: 3px;padding:2px}
}
@media (max-width: 414px) {
.header-right{width:33%}
.footer-grid-sub-grid-right h4 a{font-size:.9em}
.footer-grid-sub-grid-right{margin:1em 0 0}
}
@media (max-width:384px) {
.header-right{width:32%}
.logo-nav{padding:.5em 0 1em}
.header-grid-left ul li{margin:0 .7em .5em}
.header-grid-right{margin:.5em 0 0}
}
@media (max-width: 375px) {
.intro{width:100%}
.header-right{width:37%}
}
@media (min-width:0px to max-width: 320px) {
.toggleMenu{width:100%}
.nav{width:100%}
.header-grid-left ul li{margin:0 .7em;font-size:13px}
.logo-nav-left h2 a{font-size:1em}
.header-right{width:45%}
.footer-logo h2 a{font-size:1.1em}
.footer-logo h2:before,.footer-logo h2:after{width:21%}
.footer-grid-sub-grid-right{margin:0}
.footer-grid p span{display:initial;margin:0}
.footer-grid h3{font-size:1.3em}
.footer-grid,.mail-grid-right{padding:0}
}
@charset "UTF-8";
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@keyframes slideInDown {
0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft {
0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes slideInLeft {
0% {opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px);}

100% {-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes slideInLeft {
0% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}
100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}
.slideInLeft {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;}
@-webkit-keyframes slideInRight {
  0% {opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px);}
  100% {-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes slideInRight {
  0% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}
  100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}
.slideInRight {-webkit-animation-name: slideInRight;animation-name: slideInRight;}
@-webkit-keyframes zoomIn {
0% {opacity: 0;-webkit-transform: scale(.3);transform: scale(.3);}
  50% {opacity: 1;}
}
@keyframes zoomIn {
0% {opacity: 0;-webkit-transform: scale(.3);-ms-transform: scale(.3);transform: scale(.3);}
50% {opacity: 1;}
}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}