/* * IMPORT * =====================================================================================================================================================================================================*/ /*fontawesome*/ @import url("../releases/fontawesome/v5.1.0/css/solid.css"); @import url("../releases/fontawesome/v5.1.0/css/brands.css"); @import url("../releases/fontawesome/v5.1.0/css/fontawesome.css"); @import url("../releases/bootstrap/v4.1.3/css/bootstrap.css"); /*google font*/ /*@import url("https://fonts.googleapis.com/css?family=Quicksand");*/ /* * GENERAL DEAFULTS * =====================================================================================================================================================================================================*/ * {margin: 0; border: 0; padding: 0; outline: 0; /*-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;*/ -webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out} *,*:after,*:before {margin: 0;padding: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,summary,section,img {display: block;} /* BODY * =====================================================================================================================================================================================================*/ body {color: #343a40; background-color: #011021; font-family: sans-serif; font-size:15px; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0;} @media screen and (max-width: 768px) { body {color: #343a40; background-color: #011021} } html {color: #343a40; font-family: sans-serif;} main {-moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0;/* url(../images/bg.jpg) center bottom fixed no-repeat; background-size:cover*/} audio,canvas,video {display: inline-block} input,button,select,textarea{margin: 0; font: inherit; color: inherit} strong, b {font-weight:600} ol, ul, dl {margin:inherit} a {color: #6c757d; text-decoration: none; } a:hover {text-decoration: underline} code,kbd,pre,samp {font-family: Menlo, Monaco, Consolas, "Courier New", monospace} code {font-size: 90%;color: #c7254e;background-color: #F8F8F8} pre {display: block;padding: 9.5px;margin: 0 0 10px;font-size: 13px;line-height: 1.42857143;color: #333;word-break: break-all;word-wrap: break-word;background-color: #f5f5f5;border: 1px solid #ccc} pre, code {padding: 0;font-size: inherit; color: inherit; white-space: pre-wrap;background-color: transparent} hr {height: 1px !important; border:0 !important; border-top: 1px solid #E4E6EB !important; display:block; clear: both !important; margin:10px 0 } small {font-size:80%} /* LOADING * =====================================================================================================================================================================================================*/ .loading #outer-wrap {-moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; /*opacity: .8;*/; } .loading:before {-moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; /*content: 'Yükleniyor...'; z-index: 99999;position: fixed;top: 50%;left: 50%;border:0; text-align: center; color: #FFFFFF; font-weight: bold; font-size: 40px; opacity: 1;*/} /* WRAPPER * =====================================================================================================================================================================================================*/ #outer-wrap {position: relative; width: 100%; background-color:transparent; overflow: hidden; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0;} #inner-wrap {position: relative; margin:0px; padding:0px; width: 100%; background-color:#FFFFFF; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } /* ROW BLOCK CONTAINERS * =====================================================================================================================================================================================================*/ .row-index {width: 100%; background:#011021 url(../images/foto_bg.png); border-bottom:1px dashed #07284d; } .row-default {width: 100%; background:#010914 url(../images/bg.png); padding:25px 0} .row-middle {width: 100%; background:#EBF0F1 url(../images/bg.png);} .row-left {width: 100%; background:transparent} .row-right {width: 100%; background:transparent} .row-error {width: 100%; background:#ced0d2; padding:25px; } /* HEADER * =====================================================================================================================================================================================================*/ header {background-color:transparent; position:relative; width:100%; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0;} header ul, header ol {list-style:none} @media screen and (max-width: 768px) { header {background-color:transparent; position:relative; width:100%; z-index:1030} } /*header containers*/ .header-container-block {width: 100%; height:27px; background:#014169; position:relative; z-index:999; } .header-container-logo {width: 100%; background:#ebebeb url(../images/memursenbanner.png) repeat-x; } .header-container-menu {width: 100%; height:42px; background:#f5f5f9; border-bottom:#F8F8F8 solid 1px; border-top:#F8F8F8 solid 1px; -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 15px 1px rgba(0,0,0,0.1);box-shadow: 0 0 15px 1px rgba(0,0,0,0.1);} /*header blocks*/ .header-block {width: 100%; background-color:transparent;} .header-menu {width: 100%; background-color:transparent !important; padding:5px;} .header-greeting {width: 100%; background-color:transparent;} .header-logo {width: 100%; background-color:transparent;} .header-logo img {height:auto; margin-left: auto; margin-right: auto;} /*header mobils*/ .header-mobile-logo {width: 100%; background-color:transparent;} .header-mobile-logo img {width: 90%; height:auto; margin-top:0;} /*header contact address blocks*/ .header-contacts {margin:0; padding:0} .header-contacts li {color:#a2b0be; font-size:12px; float:right; margin:4px 8px 2px 0; list-style:none;} .header-contacts li i {color:#a2b0be; font-size:12px; margin-right:0px; } .header-contacts li a {color:#a2b0be} /*header social blocks*/ .header-social {margin:0; padding:0} .header-social li {color:#a2b0be; float:right; margin:2px 5px 2px 0; list-style:none} .header-social li i {color:#a2b0be; font-size:16px; border:#e05666 solid 0; padding:4px 0px} .header-social li a {color:#a2b0be} /*header login form*/ .header-login {float:left} .header-login li {color:#a2b0be; list-style:none; float:left; margin:2px 5px 2px 0; padding:0 0px;} .header-login li i {color:#a2b0be; font-size:12px; margin-right:5px; } .header-login li a {color:#a2b0be; font-size:11px; margin-left:10px;} /*header basket*/ .header-basket {float:right; background:#F0AD4E} .header-basket li.cart {color:#FFFFFF; list-style:none; float:left; margin:2px 15px 5px 0; padding:0 10px;} .header-basket li.cart i {color:#000000; font-size:16px;} .header-basket li.cart a {color:#FFFFFF} /* FOOTER * =====================================================================================================================================================================================================*/ footer {background-color:#011021; position:relative; width:100%; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0;} footer ul, footer ol {list-style:none} @media screen and (max-width: 768px) { footer {background-color:#011021} } /*footer containers*/ .footer-container-block {width: 100%; background-color:#011021;} .footer-container-html {width: 100%; background-color:transparent;} /*footer blocks*/ .footer-block {width: 100%; background-color:transparent; padding-top:2rem; } .footer-html {width: 100%; background-color:rgba(255,255,255,0.10);} .footer-copyright {color:#8DB8A1; padding:.5rem 1rem} /*footer page menu blocks*/ .footer-page-menu {margin:0; padding:0} .footer-page-menu li {float:left; margin:.5rem 1rem} .footer-page-menu li a {color:#8DB8A1;} .footer-page-menu li:last-child {border-right:0; margin-right:0; padding-right:0;} /*footer page menu blocks*/ .footer-menu {margin:0; padding:0} .footer-menu h2 {color:#FFFFFF; border-bottom:1px dashed rgba(255,255,255,0.10); font-size: 20px; font-weight:200; margin:.5rem 0; padding-bottom: 10px;} .footer-menu h2 a {color:#b9bbbc; font-size: 14px; font-weight:bold; } .footer-menu li {display:block; margin-right:10px; padding-right:10px;} .footer-menu li a {color:#b9bbbc; font-size:11px; line-height:22px; } .footer-menu li i {color:#E37651; font-size:14px; line-height:24px; margin-right:.5rem } /*footer address blocks*/ .footer-contact {margin:0; padding:0} .footer-contact h2 {color:#b9bbbc; font-size: 16px; font-weight:bold; margin:.5rem 0; padding-bottom: 10px;} .footer-contact li {color:#b9bbbc; display:block; margin:.2rem 1rem .2rem 0; font-size: 11px;} .footer-contact li i {color:#ffffff; margin-right:5px; width:20px} .footer-contact li a {color:#FFFFFF} /*footer social blocks*/ .footer-social {margin:.5rem 0; padding:0; float:left} .footer-social h2 {color:#FFFFFF; font-size: 16px; font-weight:200; margin:.5rem 0; padding-bottom: 10px;} .footer-social li {color:#FFFFFF; display:inline; float:left; margin:.5rem 0 .5rem 1rem} .footer-social li i {color:#FFFFFF; font-size:16px; padding:10px; height:40px; width:40px; border:#FFFFFF solid 1px; overflow:hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } .footer-social li a {color:#FFFFFF} @media screen and (max-width: 768px) { .footer-social {margin:.5rem 0; padding:0; float:left} .footer-social h2 {color:#FFFFFF; font-size: 20px; font-weight:200; margin:.5rem 0; padding-bottom: 10px;} .footer-social li {color:#FFFFFF; display:inline; float:left; margin:.5rem 0 .5rem 1rem} .footer-social li i {color:#FFFFFF; font-size:20px; padding:10px; height:40px; width:40px; border:#FFFFFF solid 1px; overflow:hidden;-moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%;} .footer-social li a {color:#FFFFFF} } /* NAV MENU * =====================================================================================================================================================================================================*/ #nav.affix:after {-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;} #nav.affix {background-color:#f5f5f9 !important;position:fixed; top:0; z-index:1050; -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.4);-moz-box-shadow: 0 0 15px 1px rgba(0,0,0,0.4);box-shadow: 0 0 15px 1px rgba(0,0,0,0.4); moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } #nav.affix .header-menu {} #nav.affix .sm,.sm ul,.sm li{margin:0;} #nav.affix .header-logo img{width: 100%; height:auto; } #nav.affix .container-4 {display:none} #nav.affix .sm-menu a {margin:0;} #nav.affix .sm-menu li {margin:0; border-bottom:0;} #nav {z-index: 200; position: relative; width: 100%; color: #fff;} #top {z-index: 100; position: relative;} #top .nav-btn {font-size:25px !important; width:30px; overflow:hidden; line-height:40px; color:#6086bb; margin:30px 0 10px 0;text-decoration:none;display:block;} #top .nav-btn .fa {font-size:35px} .sm ul {display:none;}.sm li,.sm a {position:relative;} .sm a {display:block;} .sm-menu {background: transparent;} .sm-menu a {color: #D7E3EF; font-size: 15px; font-weight: 700; line-height: 23px; padding: 10px 25px; padding-right: 58px;text-decoration: none; text-align:left !important} .sm-menu a span.sub-arr {position: absolute; top: 50%; margin-top: -17px;left: auto; right: 10px; width: 34px; height:34px; overflow: hidden; font-size: 18px; line-height:30px; text-align: center;} .sm-menu a.highlighted span.sub-arr:before {display: block; font-family: "Font Awesome 5 Free"; content: '\f0d7'; font-size: 26px; line-height:30px;} .sm-menu li {border-top: 1px solid rgba(255,255,255,0.05);} .sm-menu li:first-child {border-top: 0;} .sm-menu ul {background: rgba(255,255,255,0.10);} .sm-menu ul ul {background: rgba(255,255,255,0.20);} .sm-menu ul a {font-size:14px; line-height:20px;} .sm-menu ul li {border-top: 1px solid rgba(0, 0, 0, 0.05);} .sm-menu ul li:first-child {border-top: 0;} @media screen and (min-width: 768px) { #container-main-menu {padding:0; margin:0} #top, #top .nav-btn {height: 1px; width: 1px; margin: -1px;overflow: hidden; padding: 0;} .sm-menu ul a, .sm-menu > li, .sm-menu ul li {moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; -webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out} .sm-menu ul {position: absolute;} .sm-menu a {color:#014169; padding: 2px; font-weight:bold; /* text-shadow: 0 1px 2px rgba(0, 0, 0, .3);*/} .sm-menu a:hover {color:#5d7584;} .highlighted, a.highlighted {color:#FFFFFF;} .sm-menu li:hover {/*border-bottom: solid 2px #f6630e; margin-bottom:0*/} .sm-menu > li {border-right: 1px solid #ffffff; border-top:0; padding-left: 4px; padding-right: 10px; display:inline-block;} .sm-menu > li:last-child {border-right: 0; padding-right: 0;} .sm-menu ul, .sm-menu ul ul {background:#014169; border:#975C9C solid 0; font-size:12px; padding:1rem 0; !important; -webkit-box-shadow: 0px 37px 65px -6px rgba(0,0,0,0.13);-moz-box-shadow: 0px 37px 65px -6px rgba(0,0,0,0.13);box-shadow: 0px 37px 65px -6px rgba(0,0,0,0.13)} .sm-menu ul a {background: transparent; color: #D7E3EF; font-weight:400; font-size:12px; text-shadow: none } .sm-menu ul a:hover {color:#FFFFFF; text-shadow: none} .sm-menu ul li:hover {/*background: #FFFFFF;*/} .sm-menu ul li {border-top: 1px solid #ddd; padding:5px 5px 5px 12px; } /*arrows*/ .sm-menu a span.sub-arr {border-color: #014169 transparent transparent transparent; border-style: solid dashed dashed dashed; top: 20px; margin-top: 0;bottom: 0; left: 50%;margin-left: -5px; right: auto; width: 0; height: 0; border-width: 3px; background: transparent;}.sm-menu a.highlighted span.sub-arr:before {display: none;} .sm-menu ul a span.sub-arr {border-color: transparent transparent transparent #cccccc; border-style: dashed dashed dashed solid; top: 50%; margin-top: -5px;bottom: auto;left: auto;margin-left: 0;right: 10px;} .sm-menu span.scroll-up, .sm-menu span.scroll-down {position: absolute;display: none;visibility: hidden;overflow: hidden;background: white;height: 20px;} .sm-menu span.s-up-arr, .sm-menu span.s-dwn-arr {border-color: transparent transparent #9B9CA0 transparent; border-style: dashed dashed solid dashed; position: absolute;top: -2px;left: 50%;margin-left: -8px;width: 0;height: 0;overflow: hidden;border-width: 8px;} .sm-menu span.s-dwn-arr {border-color: #9B9CA0 transparent transparent transparent; border-style: solid dashed dashed dashed; top: 6px;} } @media screen and (max-width: 767px) { #nav {position: absolute;top: 0; } #nav:not(:target) {z-index: 1;height: 0;} #nav.affix {background-color:transparent !important;position:absolute; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} #nav.affix .header-menu {background-color:transparent !important} #container-main-menu {padding:0; margin:2rem 0; } .js-ready #nav {background-color:transparent; width: 70%; left: -70%; } .js-ready #nav ul.hd-menu li{padding:0} .js-ready #inner-wrap {left: 0; -webkit-box-shadow: 0.1em 0px 4em 2em rgba(0, 0, 0, 0.25); -moz-box-shadow: 0.1em 0px 4em 2em rgba(0, 0, 0, 0.25); box-shadow: 0.1em 0px 4em 2em rgba(0, 0, 0, 0.25);} .js-nav #inner-wrap {left: 70%;} } /* CATEGORY MENU * =====================================================================================================================================================================================================*/ ul.categories_block {border:#EDEDED solid 1px;padding: 0;margin: 0;list-style: none;} li.topCategory {background: #FFFFFF;} li.topCategory a:hover {color:#8a8d93} li.topCategory a {font-size: 14px; color: #3D3D3D; font-weight:400; text-decoration: none; display: block} li.topCategory {line-height: 30px; padding: 5px 0; border-bottom:#EDEDED solid 1px} li.selectedtopCategory a {font-size: 14px; color: #8a8d93; font-weight:400; text-decoration: none; display: block} li.selectedtopCategory {background: #FFFFFF;line-height: 30px;padding: 5px 0; border-bottom:#E4EBDA solid 1px} li.subCategory {background: #FFFFFF;} li.subCategory a {font-size: 14px; font-weight:normal; color: #3D3D3D; text-decoration: none; display: block } li.subCategory {line-height: 26px; padding: 5px 0; border-bottom:#EDEDED solid 1px; padding-left:28px} li.selectedsubCategory {background: #FFFFFF;} li.selectedsubCategory a {font-size: 14px; font-weight:normal; color: #8a8d93; text-decoration: none; } li.selectedsubCategory {line-height: 24px; padding: 5px 0; border-bottom:#EDEDED solid 1px; padding-left:28px} .topCategory img, .selectedtopCategory img {width:auto; height:20px; float: left; margin-left: 10px; margin-top:5px; padding-right:10px;} .subCategory img, .selectedsubCategory img {float: left; margin-left: 0; margin-top:3px; margin-right:10px} /* BREADCRUMBS * =====================================================================================================================================================================================================*/ .breadcrumb {list-style: none; margin-bottom:25px; background:#3B3B3B; padding:1rem 1rem;} .breadcrumb a {font-size:16px; color:#FFFFFF; line-height:20px; font-weight:400} .breadcrumb > li {display: inline-block} .breadcrumb > li + li:before{font-size:18px; color:#E37651; font-weight:bold; padding: 0 10px; content: "/"; }.breadcrumb > .active a {color: #E37651} .breadcrumb em {color:#FFFFFF} /* TITLES * =====================================================================================================================================================================================================*/ /* .box-intro {border-bottom: 0 solid #8a8d93; padding:10px 0; margin-bottom:10px} .box-intro h2 {margin:0; border-bottom:#fff solid 0; text-transform:uppercase;} .box-intro .title {font-weight: 400;padding: 5px 0; font-size: 22px; line-height:28px; color:#495057 ;background-color:transparent;} .box-intro .title a {color: #495057; } .box-intro .desc-title::after {font-family: "Font Awesome 5 Free"; font-size: 30px; content: '\f0c9'; font-size:12px; color:#9A9A9A; margin-left:10px; display:none } .box-intro .desc-title {float:right; text-transform: uppercase; margin-top:10px; display:none} .box-intro .desc-title a {color:#9A9A9A} */ .box-intro {text-align: left;} .box-intro h2 {margin: 0; position: relative; } .box-intro h2::before {background: #1c4264 none repeat scroll 0 0; content: ""; height: 1px;left: 0; position: absolute; top: 22px;width: 100%;} .box-intro .title {background: #fff none repeat scroll 0 0; font-size:18px; font-weight:bold; color:#0c386a; display: inline-block; margin-bottom: 15px; padding: 0 20px 0 0; position: relative; } .box-intro .title a {color:#0c386a !important;} .box-intro .desc-title {background:#1c4264; color:#FFFFFF; font-size:11px; font-weight:400; position:relative; z-index:999;padding:2px 10px; margin:12px 0; float:right } .box-intro .desc-title a {color:#E7E7E7} .box-intro .desc-title-foto {background:#1c4264; color:#FFFFFF; font-size:14px; font-weight:400; position:relative; z-index:999;padding:4px 10px; margin:12px 0; } .box-intro .desc-title-foto a {color:#E7E7E7} .box-intro .title-video {background: #1c4264; none repeat scroll 0 0; font-size:14px; font-weight:400; color:#ffffff; display: inline-block; margin-bottom: 10px; padding: 5px 10px 5px 10px; position: relative; } .box-intro .title-video a {color:#ffffff !important;} .box-intro-form h2 {margin: 10px auto !important; position: relative;} .box-intro-form {text-align: left;} .box-intro-form h2::before {background: #E9E5DC none repeat scroll 0 0; content: ""; height: 1px; overflow:hidden !important; left: 0; position: absolute; top: 23px;width: 100%;} .box-intro-form .title {background: #FFFFFF none repeat scroll 0 0; text-transform: uppercase; font-size:16px; font-weight:bold; color:#0CA0D7; display: inline-block; padding-right:15px; position: relative;} .box-intro-form .title a {color:#8a8d93} .box-intro-info h2 {margin: 10px auto !important; position: relative;} .box-intro-info {text-align: left;} .box-intro-info h2::before {background: #517894 none repeat scroll 0 0; content: ""; height: 1px;left: 0; position: absolute; top: 25px;width: 100%;} .box-intro-info .title {background: #014169 none repeat scroll 0 0; font-size:16px; font-weight:400; color:#FFFFFF; display: inline-block; padding: 2px 25px; margin-left:25px; position: relative;} .box-intro-info .title a {color:#FFFFFF} .box-intro-info .title a:hover {color:#FFFFFF} /* FLEX SLIDES - ALL SLIDES DEFAULTS * =====================================================================================================================================================================================================*/ * html .flexslider .slides {height: 1%;} html[xmlns] .flexslider .slides {display: block;}.flex-container a:hover,.flex-slider a:hover,.flex-container a:focus,.flex-slider a:focus { outline: none;} .slides,.slides > li,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .no-js .flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;} .flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;} .loading .flex-viewport {max-height: 500px;} .carousel li {margin-right: 0;} /*fx slider slides*/ .flexslider {margin: 0; padding: 0; background-color:transparent; border: 0 solid #f1f1f1;position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides li {position: relative;} .flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;} .flexslider .slides img {display: block; width:100%; } .flexslider .slides:after {content: "\f105";display: block;clear: both;visibility: hidden; line-height: 0; height: 0;} /*fx slider pauseplay*/ .flex-pauseplay span {text-transform: capitalize;} .flex-pauseplay a {display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000;} .flex-pauseplay a:before {font-family: "Font Awesome 5 Free"; font-size: 20px; display: inline-block; content: '\f04c';} .flex-pauseplay a:hover {opacity: 1;}.flex-pauseplay a.flex-play:before {content: '\f04b';} /*fx slider paging*/ .flex-control-paging li a {line-height: 0; font-size: 0; color: transparent; text-decoration:none;} .flex-control-paging li a:before {color:rgba(140,212,223,1.00); font-family:"Font Awesome 5 Free"; font-style:normal; font-size: 12px; line-height:34px; content: '\f111'; margin-right:.5rem} .flex-control-paging li a:hover::before {color:rgba(0,151,172,1.00)} .flex-control-paging li a.flex-active:before {color:rgba(0,151,172,1.00); cursor: pointer;} /*fx slider thumbs*/ .flex-control-thumbs li {width: 25%; float: left; margin: 10px 0;} .flex-control-thumbs img {width: 100%; height:40px !important; border:#D1D1D1 solid 1px; height: auto; display: block; cursor: pointer;filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-o-filter: grayscale(0);-ms-filter: grayscale(0);background:#FFFFFF} .flex-control-thumbs img:hover {border:#0097ac solid 1px; filter: grayscale(1);-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-o-filter: grayscale(1);-ms-filter: grayscale(1);} .flex-control-thumbs .flex-active-slide img {border:#0097ac solid 1px; filter: grayscale(1);-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-o-filter: grayscale(1);-ms-filter: grayscale(1);background:#FFFFFF; cursor: pointer;} /*fx control nav*/ .flex-control-nav {width: 100%; text-align: center; padding-top:10px; border-top:#F1F1F1 solid 0} .flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;} /*fx direction nav*/ .flex-direction-nav {*height: 0;} .flex-direction-nav a {text-decoration: none; display: block; width:50px; height: 50px; background-color:transparent; padding:0; margin-top:50px; position: absolute; top: 30%; z-index: 10; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-shadow: 0 1px 2px rgba(0, 0, 0, .3);} .flex-direction-nav a.flex-next {padding-right:10px} .flex-direction-nav a.flex-prev {padding-left:10px} .flex-direction-nav a:before {color:#b2b8c3; font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-size: 40px; line-height:34px; content: '\f104'; } .flex-direction-nav a.flex-next:before {content: '\f105';} .flex-direction-nav .flex-prev {opacity: 0;left: 0;} .flex-direction-nav .flex-next {opacity: 0;right: 0; text-align: right;} .flex-direction-nav .flex-disabled {opacity: 0!important; filter: alpha(opacity=0); cursor: default;} /*fx slider:hover direction nav*/ .flexslider:hover .flex-direction-nav .flex-prev {opacity: .5; left: 0;} .flexslider:hover .flex-direction-nav .flex-prev:hover {opacity: 1;} .flexslider:hover .flex-direction-nav .flex-next {opacity: .5; right: 0;} .flexslider:hover .flex-direction-nav .flex-next:hover {opacity: 1;} /* BANNER SLIDE * =====================================================================================================================================================================================================*/ .slides-content {position:absolute; z-index:100; top:10%; left:10%; width:50%;} .slides-content .title a {color:#FFFFFF; font-size:48px; font-weight:bold; text-shadow: 0 1px 2px rgba(0, 0, 0, .3);} .slides-content .content {color:#FFFFFF; } .slides-content .content a {color:#FFFFFF; font-size:24px; font-weight:normal; } .slides-content .content .fa{color:#FFFFFF; font-size:48px } @media screen and (max-width: 768px) { .slides-content {position:absolute; z-index:100; top:10%; left:10%; width:50%;} .slides-content .title a {color:#FFFFFF; font-size:12px; font-weight:bold; text-shadow: 0 1px 2px rgba(0, 0, 0, .3);} .slides-content .content {color:#FFFFFF; } .slides-content .content a {color:#FFFFFF; font-size:14px; font-weight:normal; } .slides-content .content .fa{color:#FFFFFF; font-size:12px } } /* HEADLINES * =====================================================================================================================================================================================================*/ .headline img {width:100% !important;height:390px !important; background-color:#FFFFFF !important; } .headline li {border:#E4E4E4 solid 1px !important; padding:5px !important; overflow:hidden !important } .headline .headline-body {position:absolute; width:40%; display: block; border-left:none;overflow: visible; bottom:0; right:0; margin:0; padding: 1px; vertical-align: inherit; /*border-left: 21px solid transparent;overflow: visible;color: #fff;line-height: 30px; bottom:50px; left:0; margin: 0; display: table-cell; vertical-align: middle;*/} .headline .item-name {background-color:rgba(187,75,0,0.95); padding:5px 20px; font-size:20px;line-height: 28px; font-weight:400; color: #fff;text-align:left;} .headline .item-name a {color:#fff} .headline .category-name {background-color: rgba(0,0,0,0.80); padding:5px 20px; font-size:14px;line-height: 18px; font-weight:400; color: #fff;text-align:left; } .headline .description {background-color: rgba(0,0,0,0.80); padding:15px 20px; font-size:14px;line-height: 18px; font-weight:400; color: #fff;text-align:left; } @media screen and (max-width: 768px) { .headline img {width:100% !important;height:180px !important; background-color:#FFFFFF !important } .headline li {border:#E4E4E4 solid 1px !important; padding:5px !important; overflow:hidden !important } .headline .headline-body {position:absolute; width:100%; display: block; border-left:none;overflow: visible; bottom:0; right:0; margin:0; padding: 1px; vertical-align: inherit; /*border-left: 21px solid transparent;overflow: visible;color: #fff;line-height: 30px; bottom:50px; left:0; margin: 0; display: table-cell; vertical-align: middle;*/} .headline .item-name {background-color:rgba(3,181,185,0.95); padding:5px 20px; font-size:14px;line-height: 18px; font-weight:400; color: #fff;text-align:left; } .headline .item-name a {color:#fff} .headline .category-name {background-color: rgba(0,0,0,0.80); padding:5px 20px; font-size:12px;line-height: 16px; font-weight:400; color: #fff;text-align:left; } .headline .description {background-color: rgba(0,0,0,0.80); padding:15px 20px; font-size:12px;line-height: 16px; font-weight:400; color: #fff;text-align:left; display:none } } /* ROW LIST * =====================================================================================================================================================================================================*/ .row li {list-style:none} .row-list {display: flex; flex: 1 16%; flex-direction: column; padding: 10px; margin-bottom:30px; box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25); background-color:#FFFFFF} .row-list:hover {position:relative; width:100%; height:auto; z-index:999; -webkit-box-shadow: 0 10px 35px 1px rgba(0,0,0,0.2);-moz-box-shadow: 0 10px 35px 1px rgba(0,0,0,0.2);box-shadow: 0 10px 35px 1px rgba(0,0,0,0.2)} /*.row-list:hover {border:#CBCBCB solid 1px; position:absolute; width:100%; height:auto; z-index:999; -webkit-box-shadow: 0 10px 35px 1px rgba(0,0,0,0.4);-moz-box-shadow: 0 10px 35px 1px rgba(0,0,0,0.4);box-shadow: 0 10px 35px 1px rgba(0,0,0,0.4)}*/ /*.row-list figure {background-color:transparent; padding:10px; } .row-list figure img {width:100%; height:150px;}*/ /*.row-list h2 {font-weight:400; font-size:14px; line-height:18px; height:55px; overflow:hidden; margin-top: auto;padding-top: 20px;text-align: center;} */ /*.row-list:hover h2 {height:inherit; overflow:inherit} .row-list:hover .shop-icon {display:block}*/ .row-list a {color:#2A2A2A;} @media ( max-width: 920px ) { .row-list {flex: 1 21%;} .row .row-list:first-child, .row .row-list:nth-child(2) {flex: 2 46%;} } @media ( max-width: 600px ) { .row-list {flex: 1 46%;} } /* TABLE LIST * =====================================================================================================================================================================================================*/ table tbody tr td, table tbody tr th {padding:5px 10px} table tbody tr:nth-child(odd) td{background-color: #EDEDED;} table tbody tr:nth-child(even) td{background-color: #FFFFFF;} table tbody tr:first-child td {background-color: #ededed; color:#FFFFFF; font-weight:bold} .table-x {overflow-x:inherit; margin-bottom:.30px; padding-bottom:15px} .table-x table {min-width:inherit; margin-bottom:0} @media screen and (max-width: 768px) { .table-x {overflow-x:auto; margin-bottom:.30px; padding-bottom:15px} .table-x table {min-width:600px; margin-bottom:0} } table {max-width: 100%; width: 100%; border-collapse: collapse; border-spacing:0; border-top: 0 solid #DDD; margin-bottom:10px} @media screen and (max-width: 860px) { table {min-width: 600px; overflow:scroll} } /* LIGHTBOX MODAL * =====================================================================================================================================================================================================*/ .ekko-lightbox {display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-right:0!important} .ekko-lightbox-container {position:relative} .ekko-lightbox-container>div.ekko-lightbox-item{position:absolute;top:0;left:0;bottom:0;right:0;width:100%} .ekko-lightbox iframe {width:100%;height:100%} .ekko-lightbox-nav-overlay {z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex} .ekko-lightbox-nav-overlay a {-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;transition:opacity .5s;color:#fff;font-size:30px;z-index:1} .ekko-lightbox-nav-overlay a>* {-ms-flex-positive:1;flex-grow:1} .ekko-lightbox-nav-overlay a>:focus{outline:none} .ekko-lightbox-nav-overlay a span{padding:0 30px} .ekko-lightbox-nav-overlay a:last-child span{text-align:right} .ekko-lightbox-nav-overlay a:hover{text-decoration:none} .ekko-lightbox-nav-overlay a:focus{outline:none} .ekko-lightbox-nav-overlay a.disabled{cursor:default;visibility:hidden} .ekko-lightbox a:hover {opacity:1;text-decoration:none} .ekko-lightbox .modal-dialog {display:none} .ekko-lightbox .modal-footer {text-align:left} .ekko-lightbox-loader {position:absolute;top:0;left:0;bottom:0;right:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center} .ekko-lightbox-loader>div {width:40px;height:40px;position:relative;text-align:center} .ekko-lightbox-loader>div>div {width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;animation:a 2s infinite ease-in-out} .ekko-lightbox-loader>div>div:last-child{animation-delay:-1s} .modal-dialog .ekko-lightbox-loader>div>div{background-color:#333} @keyframes a{0%,to {transform:scale(0);-webkit-transform:scale(0)} 50% {transform:scale(1);-webkit-transform:scale(1)} } /* AUTHORS * =====================================================================================================================================================================================================*/ .a-sets-aut {background:#FFFFFF;} .a-sets-aut-border {margin-bottom:1px; border:#DDDCDC solid 1px} .a-sets-aut .title {font-weight:700; font-size:12px; line-height:20px; margin:10px 0; height:inherit; text-align:center} .a-sets-aut .title a {color:#393938} .a-sets-aut p {; font-size:12px; line-height:18px!important; margin:0; height:inherit; color:#888888; text-align:center; min-height:40px; min-width:100px; } .a-sets-aut p a {color:#444444} .a-sets-aut em {font-size:16px; line-height:14px !important; text-align:center} .a-sets-thumb {width:65px !important;height:65px !important; -webkit-background-size: cover!important;-moz-background-size: cover!important;-o-background-size: cover!important;background-size: cover!important; background-repeat:no-repeat!important; background-position:center center!important; } .a-sets-aut img {position:relative; z-index:999;} /* HOT-SET-1 -- MULTIMEDIA * =====================================================================================================================================================================================================*/ .a-hot-set-1 {border:#C4C4C4 solid 1px; padding:5px} .a-hot-set-1 figure {background-color:transparent; height:200px; padding:10px; border:#E8E8E8 solid 1px; padding:5px} .a-hot-set-1 h2 {font-weight:400; font-size:14px; line-height:16px; margin:30px 0 10px 0; padding:0 10px; clear:both; text-align:center; background-color:transparent} .a-hot-set-1 h2 a {color:#000000} /* LATEST ARTICLES * =====================================================================================================================================================================================================*/ #a-latest {margin-bottom:30px} #a-latest figure img {width:100%; height:200px; margin-bottom:10px; -webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out; } #a-latest h2 {font-size:16px; line-height:20px; font-weight:600; color:#464646; margin-top:10px; margin-bottom:5px; padding:0; text-align:left} #a-latest p {font-size:15px; margin:10px 0; text-align:left; color:#707070; line-height:22px;} #a-latest span {background:#1c4264; color:#FFFFFF; font-size:11px; line-height:14px; padding:2px 10px; margin:0; } #a-latest date {background:#ccc; color:#FFFFFF; font-size:11px; line-height:14px; padding:2px 10px; margin:0 } #a-latest em {background:#E7E7E7; color:#FFFFFF; font-size:11px; line-height:14px; font-style:normal; padding:2px 10px; margin:0 } #a-latest-sub li {margin-bottom:15px; border-bottom:#D1D1D1 solid 1px } #a-latest-sub li:nth-last-child(2), #a-latest-sub li:nth-last-child(1) {margin-bottom:15px; border-bottom:#D1D1D1 solid 0 } #a-latest-sub figure {margin:0; padding:0 } #a-latest-sub figure img {width:100%; height:100px; margin-bottom:.30px; } #a-latest-sub h2 {font-size:15px; line-height:20px; font-weight:600; color:#666b71; margin-bottom:15px; padding:0; text-align:left} #a-latest-sub p {font-size:14px; line-height:20px; font-weight:400; margin:10px 0; text-align:left; color:#707070} #a-latest-sub span {background:#1c4264; color:#fff; font-size:11px; line-height:14px; padding:2px 10px; margin-bottom:15px;} #a-latest-sub date {background:#CCCCCC; color:#FFFFFF; font-size:11px; line-height:14px; padding:2px 10px; margin:0 } #a-latest-sub em {background:#E7E7E7; color:#FFFFFF; font-size:11px; line-height:14px; font-style:normal; padding:2px 10px; margin:0 } /* HOT-SET-2 -- NOTIFICATION * =====================================================================================================================================================================================================*/ .a-hot-set-2 {margin:0; border-bottom:#E8E8E8 solid 1px; background-color:#FFFFFF} .a-hot-set-2 h2 {font-weight:400; font-size:14px; line-height:18px; margin:10px 0; padding:0 10px; width:100%; overflow:hidden; clear:both;} .a-hot-set-2 span {color:#ef373a} .a-hot-set-2 a {color:#575757;} .a-hot-set-2 small {color:#9B9CA0; margin-left:15px} .a-latest h3 {font-size:16px; line-height:20px; margin-bottom:10px; } .a-latest li {list-style:none} .a-latest p {font-size:14px; line-height:22px!important; margin:0; padding: 0; height: auto; color:#444; } .a-latest .gray {font-size:12px; line-height:14px;} .a-latest .views {font-size:12px; line-height:14px;} .a-latest img {width:100%; } .a-latest-sub h2 {font-size:12px; line-height:18px; margin-bottom:10px} .a-latest-sub li {list-style:none} .a-latest-sub li {border-bottom:#000000 solid 1px; padding-bottom:10px; margin-bottom:10px} .a-latest-sub p {; font-size:12px; line-height:18px; margin:0; height:inherit; color:#888888; } .a-latest-sub img {width:100%; height:auto;} .a-latest-sub .gray {font-size:12px; line-height:14px;} /* ===================================================================================================================================================================================================== * LATEST SET-2 ARTICLES STYLES * =====================================================================================================================================================================================================*/ /* LATEST SET-2 ARTICLES * =====================================================================================================================================================================================================*/ #a-latest-set2 {margin-bottom:30px; } #a-latest-set2 figure {background-color:#011021; border:1px dashed #45607a !important; padding:10px; height:262px; } #a-latest-set2 figure img {width:100%; margin-bottom:10px; } #a-latest-set2 h2 {font-size:12px; line-height:20px; font-weight:600; color:#54718c; margin:10px 0; padding-left:15px; text-align:left;} #a-latest-set2 p {font-size:14px; line-height:20px; height:80px; overflow:hidden; margin:10px 0; text-align:left; color:#707070} #a-latest-set2 span {background:#1c4264; color:#FFFFFF; font-size:12px; line-height:14px; padding:2px 10px; margin:0; } #a-latest-set2 date {background:#CCCCCC; color:#FFFFFF; font-size:11px; line-height:14px; padding:2px 10px; margin:0 } #a-latest-set2 em {background:#E7E7E7; color:#FFFFFF; font-size:11px; line-height:14px; font-style:normal; padding:2px 10px; margin:0 } /* .a-latest-set2 {margin-bottom:10px} .a-latest-set2 figure {background-color:transparent; padding:10px; margin:0 !important } .a-latest-set2 img {width:100%; height:auto; max-height:100px; display:block} .a-latest-set2 h2 {font-weight:400; font-size:16px; line-height:20px; height: 85px!important; padding:10px; display: table-cell; vertical-align: middle; text-align:left} .a-latest-set2 h4 {font-size:14px; color:#6c757d; background:#ddd; padding:5px 10px} .a-latest-set2 h5 {font-size:12px; color:#6c757d; } .a-latest-set2 h6 {font-size:11px; color:#6c757d; } .a-latest-set2-sub figure {background-color:transparent; height:80px; padding:10px; } .a-latest-set2-sub img {width:100%; height:80px;} .a-latest-set2-sub h2 {font-weight:400; font-size:14px; line-height:18px; height:55px; overflow:hidden; margin-top: auto;padding-top: 20px;text-align: center;} .a-latest-set2-category-img {margin:5px} .a-latest-set2-category-img img {width:100%; height:auto;} /* ITEM LIST * =====================================================================================================================================================================================================*/ #a-hot figure img {width:100%; height:150px; margin-bottom:10px; } #a-hot h2 {font-size:16px; line-height:20px; font-weight:600; color:#464646; margin:5px 0; padding:0; text-align:left} #a-hot p {font-size:14px; margin:15px 0; text-align:left; color:#707070} #a-hot span {background:#B5B5B5; color:#FFFFFF; font-size:11px; line-height:14px; padding:2px 10px; margin:0; position:absolute; top:5px; left:0} #a-hot date {background:#CCCCCC; color:#FFFFFF; font-size:11px; line-height:14px; padding:2px 10px; margin:0 } #a-hot em {background:#E7E7E7; color:#FFFFFF; font-size:11px; line-height:14px; font-style:normal; padding:2px 10px; margin:0 } #a-hot-js {margin-top:50px} #a-hot-js .flex-direction-nav {top:-10px !important;right: 0 !important; left:auto } #a-hot-js .flex-direction-nav a {top:-10px !important} #a-hot-js .flex-direction-nav .flex-prev {right: 40px !important; left:inherit} #a-hot-js .flex-direction-nav .flex-next {right: 0 !important; left:inherit } /* HOT-SET-1 -- MULTIMEDIA * =====================================================================================================================================================================================================*/ #a-hot-set1 {border:#C4C4C4 solid 1px; padding:10px} #a-hot-set1 h2 {font-weight:600; font-size:14px; line-height:18px; color:#707070; margin:15px 0; height:40px} #a-hot-set1-js .flex-direction-nav {top:-10px !important;right: 0 !important; left:auto; opacity:1 } #a-hot-set1-js .flex-direction-nav a {top:-10px !important; opacity:1!important; width: 30px!important; height: 25px!important;} #a-hot-set1-js .flex-direction-nav a:before {padding:0 !important} #a-hot-set1-js .flex-direction-nav .flex-prev {right: 30px !important; left:inherit} #a-hot-set1-js .flex-direction-nav .flex-next {right: 0 !important; left:inherit } /* HOT-SET-2 -- NOTIFICATION * =====================================================================================================================================================================================================*/ #a-hot-set2 li ul li {border-bottom:#C4C4C4 solid 1px; padding-bottom:10px; margin-bottom:10px} #a-hot-set2 h2 {font-weight:600; font-size:14px; line-height:16px; color:#707070; margin:0; padding:0; display:block; clear:both} #a-hot-set2 h2 a {color:#707070;} #a-hot-set2 h2::before {font-family:'Font Awesome 5 Free'; content: "\f105"; font-size:14px; margin:10px 0 0 0; padding-right:10px } #a-hot-set2 small {color:#D1D1D1; margin-left:15px} /* CATEGORIES SELECTED + SUBS * =====================================================================================================================================================================================================*/ #catalog-sel .cat-rows {border:#E9E9E9 solid 1px; display:block; clear:both} #catalog-sel .cat-rows figure {margin:10px; display:block; clear:both} #catalog-sel .cat-rows figure img{width:100%; height:auto; max-height:101px; display:block; float:left;} #catalog-sel .cat-sub {height:121px} #catalog-sel .cat-sub ul {list-style:none; margin-bottom:15px; margin-left:15px} #catalog-sel .cat-sub li {text-align:left; font-size:14px} #catalog-sel .cat-sub p {margin:10px 0} /* CATEGORIES CATALOG + SUBS * =====================================================================================================================================================================================================*/ #catalog-sub .cat-rows {border:#E9E9E9 solid 1px; display:block; clear:both; height:220px;} #catalog-sub .cat-rows figure {margin:10px; display:block} #catalog-sub .cat-rows figure img{width:100%; height:auto; max-height:150px; display:block; float:left;} #catalog-sub .cat-rows li {text-align:left; font-size:14px} #catalog-sub .cat-rows p {margin:10px 0; padding:10px} #catalog-sub .cat-rows h2 {font-weight:600; font-size:14px; line-height:16px; text-align:left; color:#707070; margin:0; padding:10px; clear:both} /* CATEGORIES CATALOG * =====================================================================================================================================================================================================*/ #catalog .cat-rows {border:#E9E9E9 solid 1px; display:block; clear:both} #catalog .cat-rows figure {margin:10px; display:block} #catalog .cat-rows figure img {width:100%; height:auto; max-height:101px; display:block; float:left;} #catalog .cat-rows ul {list-style:none; margin-bottom:15px; margin-left:15px} #catalog .cat-rows li {text-align:left; font-size:14px} #catalog .cat-rows p {margin:10px 0; padding:10px} #catalog .cat-rows h2 {font-weight:600; font-size:14px; line-height:16px; color:#707070; margin:0; padding:10px; display:block; clear:both} /* ITEM LIST * =====================================================================================================================================================================================================*/ #a-list figure img {width:100%; height:140px; margin-bottom:0px; } #a-list h2 {font-weight:600; font-size:11px; line-height:20px; height:40px; overflow:hidden; margin:5px 0; padding:0; text-align:left} #a-list h2 a {color:#3B3B3B; font-size:12px; } #a-list p {font-size:14px; margin:15px 0; text-align:left; height:70px; overflow:hidden} #a-list span {background:rgba(0,0,0,0.80); color:#FFFFFF; font-size:12px; line-height:16px; padding:2px 10px; margin:0; position:absolute; top:8px; left:11px} #a-list date {background:#CCCCCC; color:#FFFFFF; font-size:11px; line-height:14px; padding:2px 10px; margin:0 } /* ITEM LIST ROW * =====================================================================================================================================================================================================*/ #a-list-row h2 {font-weight:600; font-size:14px; line-height:20px; margin:15px 0 0 0; padding:0; text-align:left} #a-list-row h2 a {color:#707070} #a-list-row h2:before {color:#ffa40b; font-family:"Font Awesome 5 Free"; font-style:normal; font-size:14px; content: '\f105'; margin-right:10px } #a-list-row date {background:#FFFFFF; color:#CCCCCC; font-size:11px; line-height:14px; padding:2px 0; margin:0 0 0 15px } /* ITEM DETAILS * =====================================================================================================================================================================================================*/ #a-details {padding:0; margin-bottom:5px; font-size:15px; font-weight:normal; line-height:24px; color:#2e363e; FONT-FAMiLY:'Open Sans', sans-serif; text-align:left;} #a-details img { margin:10px 0 10px; width: 100%;} #a-details figure {display:block; border:#EDEDED solid 1px; padding-right:4px; padding:3px 3px 3px 4px; margin-bottom:0px} #a-details figure img { height:auto; width:100%; margin:0 !important} #a-details pre {padding:5px 10px} #a-details code {color:blue} #a-details date {background:#CCCCCC; color:#FFFFFF; font-size:11px; line-height:14px; padding:2px 10px; margin:0 } #a-details h1 {font-size:22px; font-weight:700; line-height:28px; color:#02366f; margin-top:10px; FONT-FAMiLY: sans-serif; text-align:left;} #a-details span {} #a-details em {} #a-details .attach img {width:inherit !important; height:inherit!important; margin:inherit !important; margin-right:15px !important} /* DETAILS LIST * =====================================================================================================================================================================================================*/ #a-details-items {flex-wrap: wrap; position:relative} #a-details-items li {border-bottom:#D5D5D5 solid 1px; padding-bottom:10px; margin-bottom:10px} #a-details-items li h2 {color:#3B3B3B; font-size:14px; margin:0} #a-details-items li:last-child {border-bottom:#D5D5D5 solid 0; } #a-details-items li h2:before {color:#ffa40b; font-family:"Font Awesome 5 Free"; font-style:normal; font-size:14px; content: '\f105'; margin-right:10px } /* ===================================================================================================================================================================================================== * ARTICLE DESCRIPTION TOPOGRAPHY STYLES * =====================================================================================================================================================================================================*/ #a-desc {background-color:transparent} #a-desc .detail-size {width:50%; height:auto; float:left; margin-right:10px; margin-bottom:10px} @media screen and (max-width: 860px) { #a-desc .detail-size {width:100%; height:auto; float:inherit; margin-right:0; margin-bottom:10px} } #a-desc .content p {margin: 0 30px 20px;} #a-desc .content strong {font-weight:700} #a-desc .content h1 {font-size: 28px;} #a-desc .content h2 {font-size: 22px;} #a-desc .content h3 {font-size: 20px;} #a-desc .content h4 {font-size: 18px; color:#E22420 !important} #a-desc .content h5 {font-size: 16px;} #a-desc .content h6 {font-size: 10px;} #a-desc .content li {margin-bottom:10px} #a-desc .content iframe {width:100%; height:500px} #a-desc .content h1, #a-desc .content h2, #a-desc .content h3 {margin-top: 15px;margin-bottom: 10px;font-family: inherit;font-weight: 700;line-height: 1.4;color: inherit;} #a-desc .content h4, #a-desc .content h5, #a-desc .content h6 {margin-top: 15px;margin-bottom: 10px;font-family: inherit;font-weight: 700;line-height: 1.4;color: inherit;} #a-desc .content ul, #a-desc .content ol {margin-bottom:10px; margin-left:30px} /* #a-desc .content img, #a-desc .content video {width:100%; max-width:100% !important; height:auto !important;} #a-desc figure img {width:auto !important; height:auto!important; float:left; margin-right:15px} /* ITEM LIST * =====================================================================================================================================================================================================*/ .row {flex-wrap: wrap; position:relative} .row li {list-style:none} .row-list {display: flex; flex: 1 16%; flex-direction: column; box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25); background-color:#FFFFFF} .row-list:hover {position:relative; width:100%; height:auto; z-index:999; -webkit-box-shadow: 0 10px 35px 1px rgba(0,0,0,0.2);-moz-box-shadow: 0 10px 35px 1px rgba(0,0,0,0.2);box-shadow: 0 10px 35px 1px rgba(0,0,0,0.2)} /*.row-list:hover {border:#CBCBCB solid 1px; position:absolute; width:100%; height:auto; z-index:999; -webkit-box-shadow: 0 10px 35px 1px rgba(0,0,0,0.4);-moz-box-shadow: 0 10px 35px 1px rgba(0,0,0,0.4);box-shadow: 0 10px 35px 1px rgba(0,0,0,0.4)}*/ /*.row-list figure {background-color:transparent; padding:10px; } .row-list img {width:100%; height:150px;}*/ /*.row-list h2 {font-weight:400; font-size:14px; line-height:18px; height:55px; overflow:hidden; margin-top: auto;padding-top: 20px;text-align: center;} */ /*.row-list:hover h2 {height:inherit; overflow:inherit} .row-list:hover .shop-icon {display:block}*/ .row-list a {color:#2A2A2A; font-size:14px; } @media ( max-width: 920px ) { .row-list {flex: 1 21%;} .row .row-list:first-child, .row .row-list:nth-child(2) {flex: 2 46%;} } @media ( max-width: 600px ) { .row-list {flex: 1 46%;} } /* ITEM DETAILS * =====================================================================================================================================================================================================*/ .items-img { height:390px;} .items-share {border:1px solid #eeeeee; list-style:none; padding:5px 10px; } .items-share li {margin:0 5px; float:left} .items-share li:last-child {margin-right:0 !important} .items-share li a i {font-size:22px; line-height:28px; font-weight:100; color:#648388 } .items-share li a i:hover {color:#8a8d93 } /* LATEST SET-3 ARTICLES * =====================================================================================================================================================================================================*/ .a-latest-set3 figure {background-color:#011021; border:1px dashed #45607a !important; padding:10px; height:275px; } .a-latest-set3 img {width:100%; } .a-latest-set3 li {list-style:none; font-size:10px;} .a-latest-set3 h2 {font-weight:400; font-size:10px; line-height:25px; border-bottom:#DCDCDC solid 0px} .a-latest-set3 h2 a {color:#54718c} .a-latest-set3 h2:before {font-family:'Font Awesome 5 Free'; color:#54718c; content: "\f105"; font-size:18px; padding-right:10px } .a-latest-set3-sub {margin:5px 5px; border:#fff solid 0px} .a-latest-set3-sub:hover {border:#8a8d93 solid 1px} .a-latest-set3-sub figure {background-color:#052b5a; height:80px; padding:10px; } .a-latest-set3-sub img {width:100%; height:80px;} .a-latest-set3-sub h2 {font-weight:400; font-size:10px; line-height:16px; margin:30px 0 10px 0; padding:0 10px; height:32px; width:100%; overflow:hidden; clear:both; text-align:center; background-color:transparent} .a-latest-set3 a {color:#0CA0D7; font-size:12px; line-height:22px; font-weight:400;} .a-latest-set3-category-img {margin:5px} .a-latest-set3-category-img img {width:100%; } /** LATEST SET-1 ARTICLES * =====================================================================================================================================================================================================*/ .a-latest-set1 figure {background-color:transparent; padding:10px; } .a-latest-set1 img {width:100%; height:150px;} .a-latest-set1 li {list-style:none;} .a-latest-set1 h2 {font-weight:400; font-size:14px; line-height:36px; border-bottom:#DCDCDC solid 1px} .a-latest-set1 h2 a {color:#787878} .a-latest-set1 h2:before {font-family:'Font Awesome 5 Free'; content: "\f105"; font-size:18px; padding-right:10px } .a-latest-set1-sub {margin:5px 5px; border:#fff solid 1px} .a-latest-set1-sub:hover {border:#8a8d93 solid 1px} .a-latest-set1-sub figure {background-color:transparent; height:80px; padding:10px; } .a-latest-set1-sub img {width:100%; height:80px;} .a-latest-set1-sub h2 {font-weight:400; font-size:14px; line-height:16px; margin:30px 0 10px 0; padding:0 10px; height:32px; width:100%; overflow:hidden; clear:both; text-align:center; background-color:transparent} .a-latest-set1-sub a {color:#2A2A2A;} .a-latest-set1-category-img {margin:5px} .a-latest-set1-category-img img {width:100%; height:auto;} /* CONTACT * =====================================================================================================================================================================================================*/ /*mobil address blocks*/ .contact-address-mobil {margin:10px 0; padding:10px 10px 10px 40px} .contact-address-mobil li {float:left; text-align:left; font-size:14px; margin:5px 15px 5px 0; color:#88a7bd; list-style:none} .contact-address-mobil li i {font-size:14px; margin-right:5px; color:#88a7bd} .contact-address-mobil li a {color:#88a7bd} /*mobil social blocks*/ .contact-social-mobil {margin:10px 0; padding:10px 10px 10px 40px} .contact-social-mobil li {float:left; font-size:18px; margin:2px; background-color:#88a7bd; list-style:none} .contact-social-mobil li i {font-size:18px; padding:10px; } .contact-social-mobil li a {color:#FFFFFF} /*contact address blocks*/ #contact .contact-address-contact {margin:0; padding:0} #contact .contact-address-contact ul {margin:0; padding:0} #contact .contact-address-contact li {margin:5px 15px 5px 0; color:#888888; list-style:none} #contact .contact-address-contact li i {font-size:16px; margin-right:5px; color:#8a8d93; width:25px} #contact .contact-address-contact li a {color:#888888} /*contact social blocks*/ #contact .contact-social-contact {margin:0; padding:0} #contact .contact-social-contact li {float:left; margin:2px; background-color:#262626; list-style:none} #contact .contact-social-contact li i {font-size:16px; padding:10px; } #contact .contact-social-contact li a {color:#FFFFFF} #contact iframe {width:100% !important; height:300px !important} #contact p {display:block; margin-bottom:15px} #contact h2 {display:block; margin-bottom:15px} /* FORM CONTROL * =====================================================================================================================================================================================================*/ /* input[type="text"],input[type="password"] {width: 100%; height:35px !important; margin: 1px auto; -moz-padding :0; padding: 0 10px; border: 2px solid #ced6dc;} @-moz-document url-prefix() { input[type="text"], input[type="password"] {width: 100%; height:35px !important; margin: 1px auto; -moz-padding :0; padding:0 0 0 5px; border: 2px solid #ced6dc;} } ::-webkit-input-placeholder {color: #D7D7D7;}:-moz-placeholder {color: #D7D7D7; opacity: 1;}::-moz-placeholder {color: #D7D7D7; opacity: 1;}:-ms-input-placeholder {color: #D7D7D7;}::-ms-input-placeholder {color: #D7D7D7;} input[type="submit"], button[type="submit"] {padding:0 25px} select {width: 100%; height:35px; margin: 1px auto; border: 2px solid #ced6dc; color:#333333} select option {background: #FFFFFF;border: 2px solid #ced6dc; color:#333333;} textarea {width: 100%; height:90px; margin: 1px auto; padding: 10px 10px; border: 2px solid #ced6dc;} input[type="text"]:focus,textarea:focus {border: 2px solid #8a8d93; color: #333333;} */ /* CUSTOM MENU * =====================================================================================================================================================================================================*/ .CustomMenu1 ul {display: block; margin: 0px; padding: 0px 0px 0px 10px;} .CustomMenu1 ul ul {display: block; margin: 0px; padding: 0px;} .CustomMenu1 ul li {display: block; list-style: none; margin: 0px; padding: 2px 0px 2px 15px;} .CustomMenu1 ul li a {font-weight: bold;} .CustomMenu1 ul li li a {font-weight: normal;} .CustomMenu2 ul {display: block; margin: 0px; padding: 0px 0px 0px 10px;} .CustomMenu2 ul ul {display: block; margin: 0px; padding: 0px;} .CustomMenu2 ul li {display: block; list-style: none; margin: 0px; padding: 2px 0px 2px 15px;} .CustomMenu2 ul li a {font-weight: bold;} .CustomMenu2 ul li li a {font-weight: normal;} .CustomMenu3 ul {display: block; margin: 0px; padding: 0px 0px 0px 10px;} .CustomMenu3 ul ul {display: block; margin: 0px; padding: 0px;} .CustomMenu3 ul li {display: block; list-style: none; margin: 0px; padding: 2px 0px 2px 15px;} .CustomMenu3 ul li a {font-weight: bold;} .CustomMenu3 ul li li a {font-weight: normal;} /**********************/ .icon::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } .login::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007"; } .tps::before { font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f1ea"; } /******************/ /* TABLE * =====================================================================================================================================================================================================*/ table {border-collapse: separate; border-spacing: 0; width: 100%; border-radius:0; margin-bottom:1rem} table tr th,table tr td {padding: 0.3rem .5rem; border-radius:0;} table tr th:first-child,table tr td:first-child {border-radius:0;} table tr th a, table tr th a:hover {color:#FFFFFF} table tr:first-child th:first-child {border-top-left-radius: 5px;} table tr:first-child th:last-child {border-top-right-radius: 5px;} table tr:last-child td:first-child {border-bottom-left-radius: 5px;} table tr:last-child td:last-child {border-bottom-right-radius: 5px;} table tr:last-child {padding-bottom:1rem;} td {border-top: 1px solid #FFFFFF;border-bottom: #ECECEC solid 1px; color:#000000} table tr th {background: #cccccc; border-top: 4px solid #527894; font-size:90%; font-weight:normal; color:#FFFFFF; padding: 0.5rem .5rem; border-top-left-radius: 0; border-top-right-radius: 0;} table > tbody > tr {background: #F5F5F5;border-top: 1px solid #F0F0F0;border-bottom: #ECECEC solid 1px; } table > tbody > tr:nth-child(odd) {background: #F5F5F5;border-top: 1px solid #FFFFFF;border-bottom: #f0f0f0 solid 1px; } table > tbody > tr:hover {background-color: #fbf8e9 !important; -o-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} tr.small th {background: #DDDDDD; border-top: 1px solid #F3F3F3; padding: 0.5rem 1rem; font-size:110% !important; letter-spacing:1px; font-weight:normal; color:#FFFFFF;} tr.small th input[type="checkbox"], tr.small th input[type="radio"] {padding: 1rem; margin:.1rem .5rem .1rem 0; min-height: inherit !important;} tr.small th label {margin:.1rem .5rem .1rem 0; min-height: inherit !important;} tr.small th .btn-group, tr.small th .btn {margin-top:0 !important; margin-bottom:0 !important} .SelectedRow td {background: #FDE0DD;border-top: 1px solid #FFFFFF;border-bottom: #F3BEB8 solid 1px;} .table-x {overflow-x:inherit; margin-bottom:.2rem; padding-bottom:.8rem} .table-x table {min-width:inherit; margin-bottom:0} @media screen and (max-width: 768px) { .table-x {overflow-x:auto; margin-bottom:.2rem; padding-bottom:.8rem} .table-x table {min-width:600px; margin-bottom:0} } /* table {max-width: 100%; width: 100%; border-collapse: collapse; border-spacing:0; border-top: 0 solid #DDD; margin-bottom:10px} @media screen and (max-width: 860px) { table {min-width: 600px; overflow:scroll} } table > tbody > tr > th {vertical-align: middle; border: 0 solid #DDD; padding:5px 10px; background-color:#FFFFFF !important; border-radius:0} table > tbody > tr:nth-child(odd) > th { background-color: #FFFFFF !important;} table > tbody > tr > td {vertical-align: middle; border: 0 solid #DDD; padding:5px 10px; background-color:#f8f8f8 !important; border-radius:0; border:#E9E9E9 solid 1px; } table > tbody > tr:nth-child(odd) > td { background-color: #FFFFFF !important;} */ /* FORM * =====================================================================================================================================================================================================*/ .form-group {margin-bottom: 1rem;} .form-control.reverse {background: #f2f2f2; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; border-color: #f2f2f2;} .pb_height-50 {height: 50px!important;} .pb_height-100 {height: 100px!important;} .pb_height-150 {height: 150px!important;} .form-control {display: block; width: 100%; padding: 0.25rem 0.5rem; font-size: 1rem; line-height: 1.25; color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;} .form-control.reverse:focus, .form-control.reverse:active {background: none; border-color: #1d82ff !important;} .a-simple { border: 1px solid #E4E6EB; margin:5px; padding:5px;} .a-simple .heading { font-size: 38px; color: #3B3B3B;; font-weight: 300; margin-top: 50px; margin-bottom: 0px;} .a-simple .sub-heading { font-size: 20px; color:#3B3B3B; max-width: 600px; float: left;} /* CUSTOM * =====================================================================================================================================================================================================*/ .responsive {display: block; height: auto; max-width: 100%} .circle {-moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; overflow:hidden} .cls:before,.cls:after {content: "."; display: block; height: 0; overflow: hidden} .cls:after {clear: both}.cls {zoom: 1} .error {background: #E43E3E; padding: 10px; color: #FFFFFF; margin:1rem auto; text-align:center; } .error a {color: #FFF} .success {background: #54B154; padding: 10px; color: #FFFFFF; margin:1rem auto; text-align:center} .success a {color: #FFF} .spin {-webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear} .shadow-1 {-webkit-box-shadow: 1px 11px 68px -20px rgba(0, 0, 0, 0.75); -moz-box-shadow: 1px 11px 68px -20px rgba(0, 0, 0, 0.75); box-shadow: 1px 11px 68px -20px rgba(0, 0, 0, 0.75)} .rotate-90 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg)} .rotate-180 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg)} .rotate-270 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg)} .flip-horizontal {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1)} .flip-vertical {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1)} .progress {height: 20px; margin-bottom: 10px; overflow: hidden; background-color: #f5f5f5; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); border: none;-moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; border-radius: 30px;} .progress-bar {float: left; width: 0; height: 100%; font-size: 12px;line-height: 20px;color: #fff;padding-left:10px; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .4s ease; -o-transition: width .4s ease; transition: width .4s ease; border: none;-moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; border-radius: 30px;} .contain {display: block!important; -webkit-background-size: contain!important;-moz-background-size: contain!important;-o-background-size: contain!important;background-size: contain!important; background-repeat:no-repeat!important; background-position:center center!important;} .cover {display: block!important; -webkit-background-size: cover!important;-moz-background-size: cover!important;-o-background-size: cover!important;background-size: cover!important; background-repeat:no-repeat!important; background-position:center center!important;} .fit-size {width:100% !important; height:auto !important} .auto-size {width:auto !important; height:auto !important} .scroll {max-height: 300px;overflow-y: scroll} .pointer {cursor:pointer} .mp-reset {margin:0 !important; padding:0 !important; height:inherit !important} .list-unstyled {list-style:none} .manf {position:absolute;} .border {border:#E4E6EB solid 1px; background-color:#FFFFFF; } .border-gray {border:#FFFFFF solid 1px; background-color:#FDFDFD} .border-darkgray {border:#FFFFFF solid 1px; background-color:#f1f1f1} .border-radius {background-color:transparent; border:#f1f1f1 solid 1px; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} .flex {display: flex;align-items: center;} .flex .validation_image {height:50px; width:auto} .newspapers a img {width:100%; height:auto;} .newspapers a {padding:20px; border:#f9f9f9 solid 1px; display:block} .required {color:#F90000} .popup {min-height:500px; background:#FFFFFF; padding:25px} .body-block:before,.body-block:after {content: "."; display: block; height: 0; overflow: hidden;} .body-block:after {clear: both} .body-block {zoom: 1; background:#FCFCFC; border:#EBF0F1 solid 1px; border-top:20px #014169 solid} .round { -webkit-border-top-left-radius: 1px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 1px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 1px; border-top-right-radius: 2px; border-bottom-right-radius: 3px; border-bottom-left-radius: 4px; } .layouts-box {height:275px !important; overflow:auto; overflow-x:hidden} .row-box {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-right: -15px; margin-left: -15px;} .custom-select {margin:.75rem 0} .btn {margin:.1rem 0; background:#014169; color:#ffffff;} .w-100 {max-width:inherit !important} .btn-warning {color:#FFFFFF !important} .bg-order-wait {background:#F3DBDB !important;} .bg-order-wait td {border-bottom:#EDBEBE solid 1px !important} @media print{.no-print, .no-print *{display: none !important;}} /* CUSTOM MARGIN PADDING * =====================================================================================================================================================================================================*/ .fm{margin-right:10px}.m0{margin:0!important;}.m2{margin:2px}.m5{margin:5px}.m10{margin:10px}.m20{margin:20px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.mb35{margin-bottom:35px!important}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr25{margin-right:25px}.ml5{margin-left:5px} .ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml25{margin-left:25px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px} .p0{padding:0!important}.p1{padding:1px}.p2{padding:2px}.p5{padding:5px}.p10{padding:10px}.p15{padding:15px}.p20{padding:20px}.p5-10{padding:5px 10px} .p5-20{padding:5px 20px}.p25{padding:25px} .fl{float:left!important}.fr{float:right!important}.left{text-align:left}.right{text-align:right}.center{text-align:center;vertical-align:middle}.center-block{display:block;margin-right:auto;margin-left:auto} .text-hide, .text-hide a, .text-hide span, .text-hide div, h1.text-hide, h2.text-hide {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; margin:0; padding:0}.hidden {display: none !important;visibility: hidden !important} .ov-hidden {overflow:hidden} .row1 {background:#f9f9f9; padding:8px} .row2 {background:#FDFDFD; padding:8px} .gray,.gray a{color: #AFAFAF}.gray-o,.gray-o a{color: #E0E0E0}.gray-oo,.gray-oo a{color: #cccccc}.red, .red a {color: #D95E54 !important}.blue, .blue a{color:#007bff !important}.blue-o,.blue-o a{color:#3D2583}.green, .green a {color:#16A765} .white, .white a {color:#FFF} .black, .black a {color:#2F2F2F!important} .orange, .orange a {color:#f0ad4e !important} .yellow, .yellow a {color:#E9B330 !important; } .thumb-50 {width:100%;height:50px}.thumb-70 {width:100%;height:70px} .thumb-100 {width:100%;height:100px} .thumb-150 {width:100%;height:150px} .thumb-200 {width:100%;height:200px} .thumb-250 {width:100%;height:250px} .thumb-300 {width:100%;height:300px} /* STICKY CONTENT * =====================================================================================================================================================================================================*/ .sticky {-webkit-transition: none !important;-o-transition: none !important;transition: none !important} /* .pinned {width:inherit;margin-right: inherit; margin-left: inherit; top: inherit; position:relative; left:inherit; right:inherit; padding:inherit; z-index:inherit;background:none; webkit-box-shadow: 0 ;box-shadow:0;-webkit-transition: none !important;-o-transition: none !important;transition: none !important} @media (min-width: 992px) { .pinned {width:1200px; background: #ECD6AE; color:#FFFFFF !important; font-size:16px !important; margin-right: auto; margin-left: auto; top: 20px; position:fixed; left:0; right:0; padding:10px 20px; z-index:999; webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .2);box-shadow: 0 3px 9px rgba(0, 0, 0, .2);} }*/ /* HEADLINE * =====================================================================================================================================================================================================*/ .category-items {list-style:none} .category-items {flex-wrap: wrap; position:relative} .category-items li {border-bottom:#D5D5D5 solid 1px; padding-bottom:.5rem; margin-bottom:.5rem} .category-items li a {color:#6c757d; font-size:13px; text-align:left; } .category-items li:last-child {border-bottom:#D5D5D5 solid 0;} .category-items li:before {color:#E37651; font-family:"Font Awesome 5 Free"; font-style:normal; text-align:left; font-size:10px; content: '\f111'; margin-right:.5rem } /* SHOPPING CART BOX * =====================================================================================================================================================================================================*/ #shopping-cart-results {color:#000000} #shopping-cart-results h2 {line-height:22px;} #shopping-cart-results h2 a i {color:#000000; font-size:18px; margin:0; padding:0} #shopping-cart-results h2 a i:hover {color:#E46034} .shopping-cart-box {position:absolute; color: #FFFFFF; background: #F3F3F3; border-width:1px; border-color:#E0E0E0 #FFFFFF #FFFFFF #FFFFFF; border-style:solid; z-index:1090; left:20px; right:20px; margin-left:auto; max-width: 450px; padding: 10px; margin-top: 10px; display:none; box-shadow: 0px 11px 32px -3px #696969;-webkit-box-shadow: 0px 11px 32px -3px #696969;-moz-box-shadow: 0px 11px 32px -3px #696969;-o-box-shadow: 0px 11px 32px -3px #696969;} .shopping-cart-box .cart-title {background-color:#FBAC42; border:#F3F3F3 solid 2px; font-size:20px; line-height:26px; padding:12px 10px;} .shopping-cart-box .close-shopping-cart-box{font-size:11px; line-height:14px; color:#FFFFFF; } .shopping-cart-box .cart-products-total {text-align: center; padding: 20px 0 10px 0;} .shopping-cart-box .cart-empty {color:#6E6E6E; text-align:center; margin:25px auto} ul.cart-products-loaded {margin: 0; padding: 0; list-style: none;} ul.cart-products-loaded li {color:#464646; background: #FFFFFF; width:100%; border:#F3F3F3 solid 2px; padding: .5rem; display:block} ul.cart-products-loaded li h3 {color:#464646; font-size:12px; line-height:14px; font-weight:200;} ul.cart-products-loaded li h3 a {color:#464646} ul.cart-products-loaded li h3 img {width:50px; height:auto; float:left; margin-right:10px} ul.cart-products-loaded li h4 {color:#464646; font-size:16px; line-height:22px; font-weight:200; text-align:right} ul.cart-products-loaded li h4 i {color:#464646; font-size:14px; line-height:22px; font-weight:200; margin-right:2px;} ul.cart-products-loaded li h6 {color:#000000; font-size:13px; line-height:13px; font-weight:900;} /* SHOPPING BLOCK * =====================================================================================================================================================================================================*/ /*form items*/ .form-item button {outline:none} /*SHOPPING BLOCK*/ .shopping-block .price {font-size:18px; font-weight:600; line-height:20px; color:#FF6600; margin-top:5px; padding-top:1rem; border-top:#ECECEC solid 1px} .shopping-block .price em i {color:#B0B0B0; margin-right:2px; font-style:normal} /*currency*/ .shopping-block .price small {font-size:14px; font-weight:200; color:#777; margin:0 10px;} .shopping-block .price-option {font-size:14px; font-weight:600; line-height:20px; color:#FF6600;} .shopping-block .price-option i {color:#FF6600; margin-right:2px} /*currency*/ .shopping-block .option {font-size:14px} .shopping-block .qty {margin-top:5px; padding-top:5px; border-top:#ECECEC solid 1px} .shopping-block em, .shopping-block em span, .shopping-block em span i, .shopping-block h4 {font-size:14px; color:#777 !important; font-style:normal; font-weight:100} .shopping-block-detail .price {border-top:none} .shopping-block-detail table {max-width: 100%; width: 100%; border-collapse: collapse; border-spacing:0; border-top: 0 solid #DDD; margin:0} .shopping-block-detail table th {vertical-align: middle; border: 1px solid #DDD; padding:10px} .shopping-block-detail table > tbody > tr > td, .shopping-block-detail table > tbody > tr > th {vertical-align: middle; border: 1px solid #DDD; padding:10px; background-color:#fff !important; border-radius:0} .shopping-block-detail table > tbody > tr:nth-child(odd) > th, .shopping-block-detail table > tbody > tr:nth-child(odd) > td { background-color: #fff !important;} /*SHOPING BUTTON*/ .shopping-block .shop-icon {margin-top:15px; margin-bottom:1px; position:relative;} .shopping-block .shop-icon button {height:inherit !important} .shopping-block .shop-icon img.loader-mini {width:36px !important; height:36px !important; text-align:center; align-content:center; margin:0 auto; background:#FFFFFF; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%;} .shopping-block .shop-icon button {font-size:16px; color:#585858; height:37px; width:37px; margin:0; border:#D5D5D5 solid 1px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%;} .shopping-block .shop-icon button i {font-size:16px; color:#585858; padding:10px;} .shopping-block .shop-icon button:hover {color:#FFFFFF; background:#FBAC42; cursor:pointer;} .shopping-block .shop-icon button:hover i {color:#FFFFFF;} .shopping-block .shop-icon i > small{font-size:14px; font-family:'Open Sans', sans-serif !important;} .shopping-block .shop-icon i.fa-check {color:#60AF2F !important; cursor:pointer;} .shopping-block .shop-icon i.fa-check:hover {color:#FFFFFF!important;} .shopping-block .shop-icon button {margin:0; padding:0} .shopping-block .shop-icon form {border:none; margin:0; padding:0; display:inline} .shopping-block .shop-icon button:disabled, .shopping-block .shop-icon button[disabled]{background-color: #D8D8D8 !important; cursor:pointer; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%;} .shopping-block .shop-icon button:disabled:hover i, .shopping-block .shop-icon button:disabled i, .shopping-block .shop-icon button[disabled]:hover sapan, .shopping-block .shop-icon button[disabled] sapan {color: #F0F0F0; cursor:pointer;} /*SHOPING LARGE BUTTON*/ .shopping-block .shop-icon-detail {margin-top:0; margin-bottom:1px; position:relative;} .shopping-block .shop-icon-detail input {font-size:16px; border: 1px solid #F78000 !important; margin:2px; width:70px !important; height:37px !important; margin-right:0; moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} .shopping-block .shop-icon-detail button {font-size:16px; color:#585858; height:37px; width:37px; margin:0; border:#D5D5D5 solid 1px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%;} .shopping-block .shop-icon-detail button i {font-size:16px; color:#585858; padding:10px;} .shopping-block .shop-icon-detail button.add-cart-large {font-size:16px; color:#FFFFFF; height:37px; width:130px; margin:0; border:#D5D5D5 solid 1px; background-color:#F78000; moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} .shopping-block .shop-icon-detail button.add-cart-large i {font-size:16px; color:#FFFFFF;} .shopping-block .shop-icon-detail i.fa-check {color:#ffffff !important; cursor:pointer;} .shopping-block .shop-icon-detail i.fa-check:hover {color:#FFFFFF!important;} .shopping-block .shop-icon-detail i.green, .shopping-block .shop-icon-detail i.green:hover {color:#FFFFFF !important; background:#5DC914; cursor:pointer; border-color:#5DC914} /*SHOPING DISCOUNT RIBBON LIST PAGE*/ .ribbon {position: absolute;left: -5px; top: -5px;z-index: 1;overflow: hidden;width: 75px; height: 75px;text-align: right;} .ribbon span {font-size: 10px;font-weight: bold;color: #FFF;text-transform: uppercase;text-align: center;line-height: 20px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);width: 100px;display: block;background: #E52139;background: linear-gradient(#F70505 0%, #E52139 100%);box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);position: absolute; top: 19px; left: -21px;} .ribbon span::before {content: "";position: absolute; left: 0px; top: 100%;z-index: -1;border-left: 3px solid #700001;border-right: 3px solid transparent;border-bottom: 3px solid transparent;border-top: 3px solid #700001;} .ribbon span::after {content: "";position: absolute; right: 0px; top: 100%;z-index: -1;border-left: 3px solid transparent;border-right: 3px solid #700001;border-bottom: 3px solid transparent;border-top: 3px solid #700001;} /*SHOPING DISCOUNT RIBBON DETAIL PAGE*/ .ribbon-detail-box {position: relative;} .ribbon-detail {position: absolute; right: -8px; top: -8px; z-index: 1; overflow: hidden; width: 150px; height: 150px; text-align: right;} .ribbon-detail span {font-size: 14px; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center; line-height: 30px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 150px; display: block; background: #79A70A; background: linear-gradient(#79A70A 0%, #79A70A 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 28px; right: -33px;} .ribbon-detail span::before {content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 6px solid #000000; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-top: 6px solid #000000;} .ribbon-detail span::after {content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 6px solid transparent; border-right: 6px solid #000000; border-bottom: 6px solid transparent; border-top: 6px solid #000000;} /*SHOPING DISCOUNT LINE*/ .price-sale, .price-sale i {position: relative;display: inline-block; color:#9E9A9A} .price-sale::before, .price-sale::after {content: '';width: 100%;position: absolute;right: 0;top: 50%;} /*.price-sale::before {border-bottom: 2px solid red;-webkit-transform: skewY(-10deg);transform: skewY(-10deg);}*/ .price-sale::after {border-bottom: 2px solid red;-webkit-transform: skewY(0deg);transform: skewY(0deg);} /*SHOPPING ZOOM IMAGE*/ .zoomWindowContainer, .zoomLens, .zoomContainer, .zoomWindow {-webkit-transition:none !important;-o-transition:none !important;transition:none !important; z-index:2 !important} /* GO-BACK TOP * =====================================================================================================================================================================================================*/ a.cd-top {color:#585858} .cd-top {display: inline-block; position: fixed;bottom: 20px;right: 20px;font-size:40px;visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;} .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s;} .cd-top.cd-is-visible {visibility: visible;opacity: 1;} .cd-top.cd-fade-out {opacity: .4;} .cd-top:hover {opacity: 1;} /* RESPONSIVE * =====================================================================================================================================================================================================*/ .min-height {min-height:inherit} .d-mobile {display:block} .d-desktop {display:none} .row-container {margin-right: auto; margin-left: auto; padding:10px; } .row-block {display: block; margin: 0 auto; width: 100%; } @media (min-width: 768px) { .min-height {min-height:500px} .d-mobile {display:none} .d-desktop {display:block;} .row-container {margin-right: auto; margin-left: auto; padding:1rem} .row-block {display: block; margin: 0 auto; width: 100%;} } @media (min-width: 992px) { .row-container {margin-right: auto; margin-left: auto; padding:1rem} .row-block {display: block; margin: 0 auto; width: 100%;} } @media (min-width: 1200px) { .row-container {margin-right: auto; margin-left: auto; padding:0; } .row-block {display: block; margin: 0 auto; width: 1140px;} } /* ADITIONAL * =====================================================================================================================================================================================================*/ .dyn-shadow {background:#FFFFFF; -webkit-box-shadow: 0px 0px 40px 11px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 40px 11px rgba(0,0,0,0.1);box-shadow: 0px 0px 40px 11px rgba(0,0,0,0.1); padding-top:15px} /*.dyn-add-header { background: #fff;*/ -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 15px 1px rgba(0,0,0,0.2); box-shadow: 0 0 15px 1px rgba(0,0,0,0.2);} .row li {list-style:none} #a-details-items figure img { height: 50px; width: 90px; margin-bottom: 10px; float: left; margin-right: 15px; font-size:12px; } #a-details-items h2 { background-color: #FFFFFF; color: #6e757b; font-size: 12px; line-height: 16px; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal-title {font-size:16px !important; line-height:20px !important} .modal-header {padding:.5rem 1rem !important}