/* 
    Document   : main
    Created on : 1 ก.ค. 2556, 11:49:24
    Author     : Administrator
    Description:
    Purpose of the stylesheet follows.
*/

@charset "UTF-8";
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
* { list-style-type: none; }

::selection { background-color: rgb(51, 0 , 0); color: white; }
::-webkit-input-placeholder { /* WebKit browsers */ font-family: 'Open Sans', sans-serif; color: rgba(83,83,83,0.52); font-size: 13px; font-weight: normal; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-family: 'Open Sans', sans-serif; color: rgba(83,83,83,0.52); font-size: 13px; font-weight: normal; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ font-family: 'Open Sans', sans-serif; color: rgba(83,83,83,0.52); font-size: 13px; font-weight: normal; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ font-family: 'Open Sans', sans-serif; color: rgba(83,83,83,0.52); font-size: 13px; font-weight: normal; }

table,tr,td,div { margin: 0px; padding: 0px; }
root { display: block; }
html,body { font-family: 'Open Sans', sans-serif; font-size: 100%; color: #000; margin:0; padding:0; width: 100% !important; height: 100% !important; background: #fff; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; /* Keyword values */
            font-smooth: auto;
            font-smooth: never;
            font-smooth: always;
}
img,
.makets { /* IE 9 Fix */ -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.add-shadow { box-shadow: 0 2.5px 10px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2.5px 10px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2.5px 10px 0 rgba(0, 0, 0, 0.1); }

a { text-decoration: none; -o-transition:.35s; -ms-transition:.35s; -moz-transition:.35s; -webkit-transition:.35s;  transition:.35s; }
a:hover { text-decoration: none; }
/*==========================================DEFUALT*/
.left { float:left !important;}
.right { float:right !important;}
.clear { clear:both !important;}
.bold { font-weight: bold !important; }
.line { border:none; background: #ccc; width:100%; height:1px; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }
.txt-just { text-align: justify; }
.pdlr { padding-left: 10px; padding-right: 10px; }
.nopadding { padding: 0; }
/*==========================================COLOR*/
.gray_cl { color: #929292; }
.red { color: red; }
.blue { color: #3198d3; }
/*==========================================PADDING*/
.margin-top-0 { margin-top: 0 !important; }
.margin-top-5 { margin-top: 5px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-15 { margin-top: 15px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-25 { margin-top: 25px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-35 { margin-top: 35px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-top-45 { margin-top: 45px !important; }
.margin-top-50 { margin-top: 50px !important; }
.margin-top-100 { margin-top: 100px !important; }
.margin-top-135 { margin-top: 135px !important; }
.margin-bottom-0 { margin-bottom: 0 !important; }
.margin-bottom-5 { margin-bottom: 5px !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-bottom-25 { margin-bottom: 25px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-35 { margin-bottom: 35px !important; }
.margin-bottom-40 { margin-bottom: 40px !important; }
.margin-bottom-45 { margin-bottom: 45px !important; }
.margin-bottom-50 { margin-bottom: 50px !important; }
.margin-bottom-100 { margin-bottom: 100px !important; }
.margin-bottom-135 { margin-bottom: 135px !important; }
.padding-top-0 { padding-top: 0 !important; }
.padding-top-5 { padding-top: 5px !important; }
.padding-top-10 { padding-top: 10px !important; }
.padding-top-15 { padding-top: 15px !important; }
.padding-top-20 { padding-top: 20px !important; }
.padding-top-25 { padding-top: 25px !important; }
.padding-top-30 { padding-top: 30px !important; }
.padding-top-35 { padding-top: 35px !important; }
.padding-top-40 { padding-top: 40px !important; }
.padding-top-45 { padding-top: 45px !important; }
.padding-top-50 { padding-top: 50px !important; }
.padding-bottom-0 { padding-bottom: 0 !important; }
.padding-bottom-5 { padding-bottom: 5px !important; }
.padding-bottom-10 { padding-bottom: 10px !important; }
.padding-bottom-15 { padding-bottom: 15px !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-bottom-25 { padding-bottom: 25px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }
.padding-bottom-35 { padding-bottom: 35px !important; }
.padding-bottom-40 { padding-bottom: 40px !important; }
.padding-bottom-45 { padding-bottom: 45px !important; }
.padding-bottom-50 { padding-bottom: 50px !important; }
.nopad-lr { padding-left: 0 !important; padding-right: 0 !important; }
.padding-right-10 { padding-right: 10px !important; }

/*------------------ HOME -*/
.container-fluid { padding: 0; margin: 0 auto; }
.container { width: 1200px; padding: 0; margin: 0 auto; }

@media screen and (max-width: 1200px) {
    .container { width: 100%; }
}

/* -----------------------*/
.show_banner { padding: 0; text-align: center; }
.show_banner img { display: block; margin: 0; padding: 0; width: 100%; }
/*---------*/
.top-header-home { width: 100%; height: auto; background: #3c3c3c; }
.top-header-home-inner { width: 1200px; height: auto; line-height: 64px; vertical-align: middle; margin: auto; padding: 0; }
.top-head-text { font-size: 14px; color: rgba(255,255,255,0.5); padding: 0; }
.head-top-icon .right { }
.head-top-icon .right .head-text { width: 140px; margin-top: 15px; font-size: 14px; color: rgba(255,255,255,0.5); line-height: 1.2; }
.web_bg_top { background: #fff; }
.fixed_to_top { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
/* LOGO ------*/
.logo-contain { margin: 0 auto 0 auto;  }
.logo-contain .logo { padding: 25px 15px; } 
.logo-text { font-family: 'Open Sans', sans-serif; color: #6c6c6c; }
.logo-text .org { padding-left: 15px; padding-right: 7px; color: #ffdfa6; }
.logo-text .gry { color: #6c6c6c; }
.menu-f-box { display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; margin-right: 15px; margin-top: 50px; }
.menu-f-box .menu-first { text-align: right; color: rgba(0,0,0,0.9); line-height: 25px; padding-bottom: 25px; }
.menu-f-box .menu-first a { font-family: 'Roboto Condensed', sans-serif; color: rgba(0,0,0,0.9); text-decoration: none; padding-left: 5px; padding-right: 5px; }
.menu-f-box .menu-first a:hover { color: #c40023; }
.menu-f-box .menu-first-online { color: #ffdfa6; text-align: right; line-height: 25px; }
.wow { visibility: hidden; }
/* hotline */
/* -----------------------*/
.hotline_box { display: block; width: 160px; margin: 50px auto 5px auto; background: url('../../images/icon_top_phone.png') left center no-repeat; padding-left: 35px; vertical-align: middle; }
.hotline_box .text-top { font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 400; color: rgba(0,0,0,0.9); line-height: 16px; }
.hotline_box .text-de { font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 600; color: rgba(0,0,0,1); line-height: 16px; }
.hotline_box a { color: rgba(0,0,0,1); }
.hotline_box a:hover { color: #c40023; }

@media (max-width: 768px) {
    .hotline_box { width: 170px; margin: 0 0 0 auto; background: url('../../images/footer_phone_icon.png') 15px center no-repeat; padding-left: 40px; padding-right: 15px; }
    .hotline_box .text-de { line-height: 35px; }
}

/* MENU ------*/
.taj_bg_menu { background: rgba(0,0,0,.9); height: auto; margin: 0 auto; padding: 0; }
.menu-main_resp { display: none; }
.menu-main { display: block; margin: 0 auto 0; width: 1200px; height: auto; padding: 0; }
.menu-main ul { display: block; font-family: 'Open Sans', sans-serif; color: #6c6c6c; text-decoration: none; margin: 0 auto; padding: 0 0 0 0; }
.menu-main ul li { position: relative; display: inline-block; text-decoration: none; padding: 0; }
.menu-main > ul > li > a { font-family: 'Open Sans', sans-serif; display: block; line-height: 40px; font-weight: 300; font-size: 14px; text-decoration: none; text-transform: uppercase; color: #fff; padding-left: 14px; padding-right: 14px; background: url('../../images/bg_menu.png') right center no-repeat; }
.menu-main > ul > li:last-child > a { background: none; }
.menu-main ul li a:hover { color: #ffdfa6; }
.menu-main ul li:hover .sub-menu-main { display: block; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.sub-menu-main { display: none; position: absolute; top: 40px; height: auto; width: 310px; left: 50%; margin-left: -155px; z-index: 9999; border: none; -webkit-box-shadow: 3px 3px 10px 0px rgba(143,143,143,0.2); -moz-box-shadow: 3px 3px 10px 0px rgba(143,143,143,0.2); box-shadow: 3px 3px 10px 0px rgba(143,143,143,0.2); -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.sub-menu-main ul { margin-top: 0; padding: 0; background: rgba(0,0,0,.9); border: none; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px; }
.sub-menu-main ul li { width: 100%; height: auto; font-size: 14px; display: block; margin: auto; padding: 0 10px; }
.sub-menu-main ul li a { line-height: 23px; text-transform: capitalize; color: #fff; }
.sub-menu-main ul li a:before { content: '+'; padding-right: 5px; color:#ffdfa6; font-size: 12px; }
.sub-menu-main ul li:hover a { color: #ffdfa6; }
.menu-respon { width: 100%; display: block; text-decoration: none; padding: 0; }
.menu-respon a { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #fff; display: block; line-height: 47px; text-decoration: none; padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #c4c4c4; }
.menu-respon a:hover { color: #ffdfa6; }
#nav-show-resp { display: none; }

/* for home */
.taj_bg_menu.ab { position: absolute; top: 97px; left: 0; right: 0; background: rgba(0,0,0,.5); height: auto; margin: 0 auto; padding: 0; z-index: 9999; }
.taj_bg_menu.ab .sub-menu-main ul { background: rgba(0,0,0,0.5); }

/* Banner ------*/
.banner-contain { display: block; width: 100%; height: auto; margin: 0 auto; padding: 0; }
.banner-contain img { display: block; width: 100%; margin: 0 auto; padding: 0; }
.banner-contain ul { display: block; margin: 0 auto; padding: 0; }

/* Welcome -----------*/
.welcome-contain { display: block; width: 100%; height: auto; min-height: 500px; margin-left: auto; margin-right: auto; margin-top: 80px; margin-bottom: 20px; padding-top: 20px; padding-bottom: 50px; padding-left: 20px; padding-right: 20px; }
.wel-title { font-family: 'Calibri'; font-size: 60px; color: #c40023; text-align: center; line-height: 60px; letter-spacing: 2px; }
.wel-desp { font-family: 'Calibri'; font-size: 46px; color: #3c3c3c; text-align: center; line-height: 50px; letter-spacing: 2px; }
.wel-info { margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 20px; font-family: 'Open Sans', sans-serif; font-size: 18px; color: rgba(0,0,0,0.5); line-height: 25px; }
.box_contain { margin-top: 20px; margin-bottom: 20px; padding: 0; }
.box_u_textcenter { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); padding-top: 40%; vertical-align: middle; text-align: center; line-height: 1.2; font-family: 'Open Sans', sans-serif; font-size: 32px; color: #fff; }
.box_u_welcome_01 { position: relative; display: block; margin: 0 auto; width: 273px; height: 273px; background: url('../../images/bg_set_01.png'); background-size: 100% 100%; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; }
.box_u_welcome_01:hover {background-position: 50% 60%; background-size: 150% 150%; cursor: pointer; }
.box_u_welcome_02 { position: relative; display: block; margin: 0 auto; width: 273px; height: 273px; background: url('../../images/bg_set_02.png'); background-size: 100% 100%; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; }
.box_u_welcome_02:hover {background-position: 30% 70%; background-size: 150% 150%; cursor: pointer; }
.box_u_welcome_03 { position: relative; display: block; margin: 0 auto; width: 273px; height: 273px; background: url('../../images/bg_set_03.png'); background-size: 100% 100%; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; }
.box_u_welcome_03:hover {background-position: 40% 20%; background-size: 150% 150%; cursor: pointer; }
.box_u_welcome_04 { position: relative; display: block; margin: 0 auto; width: 273px; height: 273px; background: url('../../images/bg_set_04.png'); background-size: 100% 100%; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; }
.box_u_welcome_04:hover {background-position: 20% 80%; background-size: 150% 150%; cursor: pointer; }

/* NOT JUST MEN ---------*/
.notjm-contain { position: relative; width: 100%; height: auto; margin: 0 auto; padding: 0; background: url('../../images/loading.gif') 50% 50% no-repeat; }
.notjm-contain img { width: 100%; height: auto; margin: 0 auto; max-height: 100%; padding: 0; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
/*.notjm-contain img:hover { opacity: 0.87; -moz-opacity: 0.87; -webkit-opacity: 0.87; }*/
.notjm-contain:after { display: none; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; background: rgba(0,0,0,0.3); -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
/*.notjm-contain:hover:after { background: rgba(0,0,0,0);  }*/

.text_contain { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; text-align: center; }
.text_contain .container { position: relative; height: 100%; display: block; margin: auto; padding: 0; }
.text_contain .container .text_is { position: absolute; bottom: 35px; right: 0; font-family: 'Open Sans', sans-serif; font-size: 48px; font-weight: 300; color: #fff; text-transform: uppercase; }

/* GOOGLE ---------*/
.google-contain { width: 100%; height: auto; margin: 0 auto; padding: 0; border-top: 5px solid #c4c4c4; border-bottom: 5px solid #c4c4c4; }
.google-contain img { width: 100%; height: auto; margin: 0 auto; padding: 0; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.google-contain img:hover { opacity: 0.87; -moz-opacity: 0.87; -webkit-opacity: 0.87; cursor: pointer; }

/* FOOTER ----------*/
.footer { width: 100%; background: #f2f2f2; padding: 20px 0; }
.footer .hbold { font-family: 'Roboto Condensed', sans-serif; font-weight: 600; font-size: 16px; color: #c40023; margin: 15px auto 0 auto; }
.footer .info { padding: 10px 0; font-family: 'Rubik','Kanit', sans-serif; font-weight: 400; font-size: 14px; color: rgba(0,0,0,0.5); }
.footer .inline a { display: inline-block; margin: 10px 5px; }
.footer .cptext .copy_text {  font-family: 'Rubik','Kanit', sans-serif; font-weight: 300; font-size: 14px; color: rgba(0,0,0,0.6); line-height: 50px; text-align: center; }
.footer .cptext a { font-family: 'Rubik','Kanit', sans-serif; font-weight: 300; font-size: 12px; color: rgba(0,0,0,0.3); text-align: center; }
.footer .mk-center { text-align: center; }
.footer ul { margin: 5px 0; padding: 0; }
.footer ul li { line-height: 23px; }
.footer ul li a { font-family: 'Rubik','Kanit', sans-serif; font-size: 12px; color: rgba(0,0,0,0.8); }
.footer ul li a:hover { color: rgba(0,0,0,1); text-decoration: underline; }
.footer ul.social li { padding-left: 35px; line-height: 30px; }
.footer ul.social li.fa { background: url('../../images/footer_facebook.png') 8px 4px no-repeat; }
.footer ul.social li.yt { background: url('../../images/footer_youtube.png') 2px 4px no-repeat; }
.footer ul.social li.it { background: url('../../images/footer_instra.png') 2px 4px no-repeat; }
.footer ul.social li.li { background: url('../../images/footer_line.png') 2px 4px no-repeat; }

.cropinfo {}
.cropinfo h3 { font-family: 'Roboto Condensed', sans-serif; font-size: 24px; color: #c40023; font-weight: 600; margin: 15px auto; }
.cropinfo .locainfo { margin: 7px auto 15px auto; min-height: 50px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000; line-height: 20px; padding-left: 60px; background: url('https://crowntailor.com/images/footer_location_icon.png') 15px 0 no-repeat; }
.cropinfo .phoneinfo { margin: 5px auto 10px auto; min-height: 35px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; color: #000; padding-left: 60px; background: url('https://crowntailor.com/images/footer_phone_icon.png') 15px 0 no-repeat; }
.cropinfo .phoneinfo a { color: #000; font-weight: 600; }
.cropinfo .faxinfo { margin: 5px auto 10px auto; min-height: 35px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; color: #000; padding-left: 60px; background: url('https://crowntailor.com/images/footer_fax_icon.png') 15px 0 no-repeat; }
.cropinfo .faxinfo a { color: #000; }
.cropinfo .mailinfo { margin: 5px auto 10px auto; min-height: 35px; font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: 600; color: #000; padding-left: 60px; background: url('https://crowntailor.com/images/footer_mail_icon.png') 15px 0 no-repeat; }
.cropinfo .mailinfo a { color: #c7243c; }
.cropinfo a:hover { color: #000; }

.footer .social { margin: 20px auto; }
.footer .social a { display: inline-block; margin: 2px; }

.footer .copyline { border-top: 1px solid #c6c6c6; width: 100%; height: auto; padding: 5px 0; line-height: 35px; font-size: 13px; }
.footer .copyline a { margin-left: 3px; margin-right: 3px; vertical-align: middle; }
.footer .copyline .credit { text-align: right; }

.footer .line-footer { height: 1px; background: #c6c6c6; margin: 15px auto  }
/* footer newsletter */
.footer .newsletter { margin: 0 auto 25px auto; background: url('../../images/newsletter_icon.png') left center no-repeat; min-height: 60px; padding-left: 70px; padding-top: 5px; }
.footer .newsletter .headtop { font-family: 'Roboto Condensed', sans-serif; font-size: 24px; font-weight: 300; line-height: 35px; color: #000; white-space: nowrap; }
.footer .newsletter .headtop span { color: #d82600; }
.footer .newsletter .info-text { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(0,0,0,0.8); }
/* footer store */
.footer .tailor-store { margin: 0 auto 25px auto; background: url('https://crowntailor.com/images/store_time.png') left center no-repeat; min-height: 60px; padding-left: 70px; padding-top: 5px; }
.footer .tailor-store .headtop { font-family: 'Roboto Condensed', sans-serif; font-size: 24px; font-weight: 300; line-height: 35px; color: #000; white-space: nowrap; }
.footer .tailor-store .info-text { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(0,0,0,0.8); white-space: nowrap; }
.footer .tailor-store .info-text span { color: #d82600; }

/* -----------------------*/
.search_box_footer { display: block; margin: 10px auto 5px auto; vertical-align: middle; }
.search_box_footer .form-group { float: left; width: 45%; display: inline-block; }
.search_box_footer .form-group .input-group { width: 100%; }
.search_box_footer .boxinputRd .form-control { margin: 0; width: auto; height: 45px; line-height: 45px; border-radius: 20px 0px 0px 20px; -moz-border-radius: 20px 0px 0px 20px; -webkit-border-radius: 20px 0px 0px 20px; border: 0px solid #000000; padding-left: 20px; }
.search_box_footer .boxinputRd .form-control.fname { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.search_box_footer .boxinputRd .btn { height: 45px; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; text-transform: uppercase; line-height: 20px; padding: 7px 25px; font-weight: 500; background: #d82600; color: #fff; border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -webkit-border-radius: 0px 20px 20px 0px; border: 0px solid #000000; }

@media (max-width: 1200px) {
    .footer .tailor-store .info-text { white-space: normal; }
    .footer .newsletter .headtop { white-space: normal; line-height: 25px; }
    .search_box_footer .form-group { width: 45%; }
}

@media (max-width: 1091px) {
    .search_box_footer .form-group { width: auto; }
}

@media (max-width: 991px) {
    .bc-box { background: none; padding: 0; }
    .bc-box:after { content: ""; display: none; }
}

@media (max-width: 768px) {
    .footer .links { padding-bottom: 10px; }
    .footer .copyline,
    .footer .copyline .credit { text-align: center; }
    .search_box_footer .form-group { width: 100%; }
    .search_box_footer .boxinputRd .form-control,
    .search_box_footer .boxinputRd .form-control.fname{ width: 100%; }
}

/* BC ----------------*/
.bg_breadcamb { background: #e5e5e5; margin: 0; padding: 0; }
.row.breadcamb { display: block; width: 1200px; height: auto; margin: 0 auto 0 auto;  }
.row.breadcamb ul { display: table; width: auto; height: auto; margin: 0; padding: 0; }
.row.breadcamb ul li { float: left; height: auto; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 50px; color: #989898; }
.row.breadcamb ul li a { display: block; color: #989898; text-align: center; text-decoration: none; }
.row.breadcamb ul li a:hover,.row.breadcamb ul li.active a { color: #0e3b6b; text-decoration: none; }
.row.breadcamb ul li a:after { content: " > "; margin-left: 10px; margin-right: 10px; }
.row.breadcamb ul li:nth-child(3) a:after { content: ""; }
.row.breadcamb ul li.home { width: auto; height: auto; padding: 0; margin: 0;  }
.row.breadcamb ul li.home img { margin: 0; padding: 0; }
.row.breadcamb ul li:last-of-type { color: #0e3b6b; }

/*-------------- PRODUCT -*/
.row.products-zone { display: block; height: auto; margin: 0 auto;}
.left-prod-menu { height: auto; margin: 0 auto; padding: 0; }
.left-prod-menu .header { display: block; width: 100%; height: auto; background: #000; text-transform: capitalize !important; font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 25px; padding-bottom: 15px; padding-top: 15px; color: #fff; padding-left: 25px; padding-right: 25px; }
.left-prod-menu ul { display: block; margin: 0; padding: 0; }
.left-prod-menu ul li { background: transparent; font-family: 'Open Sans', sans-serif; font-size: 16px; color: rgba(0,0,0,.8); width: 100%; height: auto; padding-left: 25px; padding-right: 25px; padding-top: 10px; padding-bottom: 10px; background: #e5e5e5; border-bottom: 1px solid #c4c4c4; transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; }
.left-prod-menu ul li a { display: block; font-family: 'Open Sans', sans-serif; font-weight: 600; color: rgba(0,0,0,.6); }
.left-prod-menu ul li:hover,.left-prod-menu ul li.active { background: #c40023; }
.left-prod-menu ul li:hover a,.left-prod-menu ul li.active a { color: rgba(255,255,255,.8); }

.right-prod { height: auto; margin: 0 auto; padding: 0 25px; }
.right-prod .text-top { display: block; width: 100%; height: auto; margin: 0 auto; padding: 10px 0 30px 0; border-top: 1px solid #c4c4c4; /*border-bottom: 1px solid #c4c4c4;*/ }
.right-prod .text-top .header { font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 28px; color: #000; line-height: 32px; font-weight: 600;  padding-top: 10px; padding-bottom: 20px; }
.right-prod .text-page { display: block; width: 100%; height: auto; margin: 0 auto; padding: 10px 0 0 0; border-bottom: 1px solid #c4c4c4; }
.right-prod .text-page .header { font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 28px; font-weight: 600; color: #000; line-height: 32px;  padding-top: 10px; padding-bottom: 20px; }
.right-prod .text-top .sub { font-family: 'Open Sans', sans-serif; font-size: 14px; color: rgba(0,0,0,0.75); line-height: 20px; }
.right-prod .alert-text { display: block; font-family: 'Open Sans', sans-serif; font-size: 14px; color: rgba(0,0,0,0.5); margin-top: 15px; margin-bottom: 15px; width: 100%; height: auto; line-height: 15px; padding-left: 28px; background: url('../../images/alert-icon.png') 0 center no-repeat;  }

.item-prod { width: 100%; height: auto; margin: 0 0 30px 0; padding: 0; text-align: center; }
.item-prod li { border: 1px solid #e5e7e7; padding: 10px; height: auto; text-align: justify; margin: 30px 10px 0 10px; transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; }
.item-prod li div { position: relative; }
.item-prod li img { width: auto; height: auto; display: block; margin: auto; max-width: 100%; max-height: 100%; }
.item-prod li .overlay-blck { transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; }
.item-prod li .overlay-blck a { display: none; }
.item-prod li:hover .overlay-blck { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 99; cursor: pointer; }
.item-prod li:hover .overlay-blck a { display: block; position: absolute; top: 47%; width: 130px; left: 50%; border: 2px solid transparent; margin-left: -65px; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 600; text-decoration: none; text-transform: uppercase; text-align: center; color: #fff; padding: 5px 15px 5px 15px; background: #c40023; z-index: 100; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
.item-prod li:hover .overlay-blck a:hover { background: #fff; color: #c40023; border-color: #c40023; }
.item-prod li .text-top-prod { margin-top: 10px; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; color: rgba(0,0,0,0.6); text-align: center; font-weight: 600; line-height: 30px; }
.item-prod li .text-de-prod { font-family: 'Open Sans', sans-serif; font-size: 14px; color: rgba(0,0,0,0.4); text-align: left; line-height: 20px; padding: 0; }

.item-prod.nn li { border: none; padding: 0; }

/* fixloader */
.fixloader { position: relative; min-height: 600px; }
/* loading */
.wsloading { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; min-height: 300px; z-index: 1; }
.wsloading .wsloading-text { position: absolute; top: 10%; left: 0; right: 0; margin: auto; color: #c40023; text-align: center; margin-top: -25px; }
.wsloading.trans { background: rgba(255,255,255,1); }

/* monsary */
/* fluid 5 columns */
.isogrid { text-align: center; }
@media (min-width: 1200px) {
    .isogrid .items { width: 23.335%; }
}

.item-fab { width: 100%; height: auto; margin: 0 0 30px 0; padding: 0; }
.item-fab li { display: inline-block; width: 200px; height: auto; text-align: justify; margin: 30px 10px 0 10px; }
.item-fab li div.bod { position: relative;  border: 1px solid #fff; }
.item-fab li img { width: 200px; height: 195px; display: block; margin: auto; }
.item-fab li .overlay-fp { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 97; background: transparent url('../../images/fabric_frame.png') center center no-repeat;  }
.item-fab li .overlay-fp img { width: 200px; height: 195px; }
.item-fab li .overlay-blck { transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; }
.item-fab li .overlay-blck a { display: none; }
.item-fab li:hover .overlay-blck { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 99; cursor: pointer; }
.item-fab li:hover .overlay-blck a { display: block; position: absolute; top: 47%; width: 130px; left: 50%; margin-left: -65px; font-family: 'Open Sans', sans-serif; font-size: 16px; text-decoration: none; text-align: center; color: #fff; padding: 5px 15px 5px 15px; background: #0e3b6b; z-index: 100; }
.item-fab li:hover .overlay-blck a:hover { background: #fff; color: #0e3b6b; }
.item-fab li .text-top-fab { margin-top: 10px; font-family: 'Open Sans', sans-serif; font-size: 16px; color: rgba(0,0,0,0.6); text-align: center; font-weight: bold; line-height: 30px; }

/* ---- MEASUREMENT ---*/
.box-mea-center { display: block; width: 100%; height: auto; margin: 20px auto; padding: 0; }
.box-mea-left { float: right; font-family: 'Open Sans', sans-serif; font-size: 16px; color: rgba(0,0,0,1); text-transform: uppercase; width: 355px; height: auto; margin: 0 auto; }
.box-mea-right { float: right; width: 530px; height: auto; margin: 0 auto; margin-left: 20px; }

.box-text-measure { font-family: 'Open Sans', sans-serif; font-size: 14px; color: rgba(0,0,0,0.75); line-height: 20px; }
.box-image-show { float: left; width: 322px; height: auto; }
.box-image-show img { width: 322px; height: auto; display: block; margin: 0 auto; }
.box-text-show { float: left; width: 170px; height: auto; padding-left: 20px; padding-top: 25px; }
.box-text-show .head { font-family: 'Open Sans', sans-serif; font-size: 14px; color: rgba(0,0,0,0.8); line-height: 30px; }
.box-text-show .details { font-family: 'Open Sans', sans-serif; font-size: 14px; color: rgba(0,0,0,0.5); line-height: 15px; }
/*---------- TABLE */
table.mea { margin-top: 30px; width: 90%; }
table.mea tr { width: 100%; height: 35px; }
table.mea td { font-family: 'Open Sans', sans-serif; font-size: 14px; color: rgba(0,0,0,0.7); padding: 2px 5px; border: none; border-collapse: collapse; }
table.mea td.title { text-align: right; text-transform: none; vertical-align: text-top; padding-top: 5px; }
table.mea td.form { text-align: left; text-transform: none; }
table.mea td.unit { text-align: left; text-transform: none; }

table.mea3 { margin-top: 30px; width: 90%; }
table.mea3 tr { width: 100%; height: 35px; }
table.mea3 td { font-family: 'Open Sans', sans-serif; font-size: 14px; color: rgba(0,0,0,0.7); padding: 2px 5px; border: none; border-collapse: collapse; }
table.mea3 td.title { text-align: right; text-transform: none; vertical-align: text-top; padding-top: 5px; }

.measurement-details { font-family: 'Open Sans', sans-serif; font-size: 16px; display: block; background: #fff; margin: 25px auto 0; padding: 0; padding-bottom: 10px; border-top: 4px solid #c4c4c4; border-bottom: 4px solid #c4c4c4; }
.measurement-details-mob { font-family: 'Open Sans', sans-serif; font-size: 16px; display: none; background: #fff; margin: 25px auto 0; padding: 0; padding-bottom: 10px; border-top: 4px solid #c4c4c4; border-bottom: 4px solid #c4c4c4; }
div.clear.s { height: 15px; border-bottom: 1px solid #c4c4c4; }
.mea-title-form { float: left; width: 155px; margin: 0 auto; padding: 0; color: rgba(0,0,0,0.7); }
.mea-title-form li { width: 100%; line-height: 35px; padding-left: 20px; text-align: left; border-right: 1px solid #c4c4c4; }
.mea-title-form li:first-child { line-height: 45px; margin-top: 7px; margin-bottom: 7px; border-right: none;  }

.mea-input-form { float: left; width: 135px; margin: 0 auto; padding: 0; color: rgba(0,0,0,0.7); }
.mea-input-form li { width: 100%; line-height: 35px; text-align: center; border-right: 1px solid #c4c4c4; }
.mea-input-form li:first-child { font-family: 'Open Sans', sans-serif; font-size: 13px; color: rgba(0,0,0,0.7); font-weight: bold; text-transform: uppercase; line-height: 45px; margin: 7px auto; padding: auto;  border-right: none; text-align: center; }
.mea-input-form li span { padding-left: 9px; padding-right: 9px; }
.mea-input-form.long { width: 175px; text-align: center; }
.mea-center-btn { display: block; width: 100%; margin: 15px auto 15px auto; text-align: center; }
.mea-left-btn { display: block; width: 100%; margin: 15px auto 15px auto; text-align: left; }

/* ----- FORM ---*/
.box-header-form { font-family: 'Open Sans', sans-serif; font-size: 16px; color: rgba(0,0,0,1); text-transform: uppercase; width: 100%; height: auto; margin: 0 auto; text-align: left; }
.box-header-sub { font-family: 'Open Sans', sans-serif; font-size: 14px; color: rgba(0,0,0,0.7); text-transform: none; width: 100%; height: auto; margin: 0 auto; text-align: left; padding-top: 15px; padding-bottom: 15px;  }
.box-form-left { float: left; width: 50%; }
.box-form-right { float: right; width: 50%; }
hr.line { width: 100%; height: 1px; background: #c4c4c4; border: none; margin: 15px auto 15px auto; }
.select-line { width: 100%; margin-top: 10px; font-family: 'Open Sans', sans-serif; font-size: 16px; color: rgba(0,0,0,0.7); line-height: 35px; }
.select-line .title { float: left; width: 220px; text-align: right; margin-right: 30px; }
.select-line .details { margin-left: 30px; }
.box-form-measurement {  }
.show_text_mwna { float: left; width: 50%; vertical-align: middle; line-height: 135px; text-align: center; font-size: 18px; font-weight: 600; }
.top-measment-line { display: block; height: 1px; width: 100%; background: #c4c4c4; margin-top: 30px; margin-bottom: 30px; }

.topmargin { margin-top: 30px; }
.testtim { display: block; width: 100%; margin: 25px auto; padding: 0; }
.testtim li { display: block; width: 100%; margin: 25px auto 0 auto; background: #fff; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 25px; }
.testtim li span { color: #0e3b6b; }

.faqs { width: 100%; margin: 20px auto; }
.faq-header-form { font-family: 'Open Sans', sans-serif; font-size: 16px; color: rgba(0,0,0,1); text-transform: uppercase; width: 100%; height: auto; margin: 10px auto; padding: 0 15px 0 15px; text-align: left; }
.acc {width: 100%; font-family: 'Open Sans', sans-serif; font-size: 14px; list-style:none; margin:0 auto 0 auto; }
.acc h3 {width: 100%; font-size: 14px; line-height: 25px; color: #0e3b6b; padding:0 15px 0 0; font-weight:normal; margin-top:5px; cursor:pointer;}
.acc .acc-section {overflow:hidden; }
.acc .acc-content {width:100%; padding: 10px 20px 10px 20px; border: none;}

.home-h3 { font-family: 'Roboto Condensed', sans-serif; font-size: 36px; color: #000; line-height: 36px; font-weight: 400; text-align: center; }
.home-content { font-family: 'Roboto Condensed', sans-serif; font-size: 18px; color: #000; line-height: 23px; font-weight: 400; text-align: center; margin: 10px auto; }
.home-slc { height: auto; }
.home-slc .text-indexn { padding: 0; position: relative; }
.home-slc .text-indexn img { width: 100%; }
.home-slc .text-indexn .text_overflow { position: absolute; bottom: 60px; height: auto; left: 0; right: 0; text-align: center; z-index: 9999; }
.home-slc .text-indexn .text_overflow .v1 { font-family: 'Open Sans', sans-serif; font-size: 48px; font-weight: 300; color: #fff; line-height: 50px; padding: 0 15px; }
.home-slc .text-indexn .text_overflow .v2 { font-family: 'Open Sans', sans-serif; font-size: 60px; font-weight: 700; color: #fff; line-height: 70px; padding: 0 15px; }

/* wedding */
.weddings_gal { margin: 25px auto; }
.weddings_gal h3 { font-family: 'Oswald', sans-serif; font-size: 30px; color: #c40023; }

@media (min-width: 1200px) {
    .row-eq-height { display: table; width: 100%; height: 100%; }
    .row-eq-height .row-eq-item { float: none; display: table-cell; vertical-align: top; height: 100%; }
}

.video-container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%; 
    overflow: hidden;
}
.video-container video {
    /* Make video to at least 100% wide and tall */
    min-width: 100%; 
    min-height: 100%; 

    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: auto;
    height: auto;
    object-fit: fill;

    /* Center the video */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.five-block { margin: 30px auto; }
.five-block .img { display: table; width: 100%; height: auto; min-height: 60px; }
.five-block .img .img_in { display: table-cell; vertical-align: middle; margin: auto; }
.five-block .img .img_in img { display: block; margin: auto; }
.five-block p.top { font-family: 'Roboto Condensed', sans-serif; font-size: 18px; font-weight: 600; color: #c40023; line-height: 25px; }
.five-block p.det { font-size: 13px; font-weight: 400; color: rgba(0,0,0,0.8); line-height: 15px; }
.five-block .det { font-size: 13px; font-weight: 400; color: rgba(0,0,0,0.8); line-height: 15px; }

/* active five-block */
.acfive-block { margin: 30px auto 30px auto; }
.acfive-block.ctb { margin: 15px auto 30px auto; }
.acfive-block a { text-decoration: none; }
.acfive-block a .img { position: relative; display: table; width: 100%; height: auto; min-height: 60px; opacity: 0.4; -moz-opacity: 0.4; -webkit-opacity: 0.4; transition: all 0.23s ease-in-out; -moz-transition: all 0.23s ease-in-out; -webkit-transition: all 0.23s ease-in-out; }
.acfive-block a .img .img_in { display: table-cell; vertical-align: middle; margin: auto; }
.acfive-block a .img .img_in img { display: block; margin: auto; }
.acfive-block a p.top { font-family: 'Roboto Condensed', sans-serif; font-size: 18px; font-weight: 600; color: #c40023; text-decoration: none; line-height: 25px; margin-bottom: 35px; opacity: 0.4; -moz-opacity: 0.4; -webkit-opacity: 0.4; transition: all 0.23s ease-in-out; -moz-transition: all 0.23s ease-in-out; -webkit-transition: all 0.23s ease-in-out; }
.acfive-block a p.det { font-size: 13px; font-weight: 400; color: rgba(0,0,0,0.8); line-height: 15px; }
.acfive-block a .det { font-size: 13px; font-weight: 400; color: rgba(0,0,0,0.8); line-height: 15px; }
.acfive-block a.active .img:after { position: absolute; bottom: -60px; left: 0; right: 0; margin: auto; content: " "; display: block; width: 41px; height: 24px; background: url('../../images/why_arrow.png') center center no-repeat; }
.acfive-block a:hover .img,
.acfive-block a:hover p.top,
.acfive-block a.active .img,
.acfive-block a.active p.top{ text-decoration: none; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; }
.acfive-block a .block_type { margin: 30px auto; }

/* block type */
.block_type .tabs-item { display: none; margin: 30px auto 0 auto; padding: 0; background: #f1f1f1; }
.block_type .tabs-item.active { display: block; }
.block_type .tabs-item .text-leftinner { margin: 0; padding: 30px; width: 100%; height: 100%; }
.block_type .tabs-item h3 { font-family: 'Oswald', sans-serif; font-size: 30px; color: rgba(0,0,0,0.9); margin: 0 auto 15px auto; line-height: 30px; }
.block_type .tabs-item .text-det { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 19px; margin: 15px auto; }
.block_type .tabs-item .hightlight-text { font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: 600; color: #c40023; line-height: 50px; text-align: center; margin: 60px auto 15px auto; }

.block_type .tabs-item .text-det .listinfo { clear: both; display: block; margin: 15px auto; }
.block_type .tabs-item .text-det .listinfo > li { list-style-type: disc !important; line-height: 20px; }
/* imgslide */
.imgslide { margin: 0 auto; padding: 0; }
.imgslide img { width: 100%; }

/* red form */
.set_redp { color: #c40023; }
.redform { background: #c40023; margin: 0 auto; padding: 0; }
.redform .inner { padding: 20px 25px; }
.redform .inner .header { font-family: 'Oswald', sans-serif; font-size: 30px; text-align: left; margin: 0 auto; font-weight: 300; color: rgba(255,255,255,0.8); line-height: 30px; margin-bottom: 25px; }
.redform .inner .header.text-center { text-align: center; }
.redform .inner .form-group { display: block; width: 100%; margin-bottom: 7px; }
.redform .inner .form-control { display: block; width: 100%; height: auto; font-family: 'Open Sans', sans-serif; margin-bottom: 5px; font-size: 14px; color: #666; resize: none; padding: 5px 20px; background: #fff; border: none; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
.redform .inner .btn { font-family: 'Oswald', sans-serif; font-size: 18px; text-transform: uppercase; display: inline; background: #000; color: #fff; text-align: center; }
.redform .inner .btn-black { border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; padding-left: 50px; padding-right: 50px; padding-top: 5px; padding-bottom: 5px; outline: none; }
.redform .inner .form-group:last-child { margin-bottom: 0; }

/*referfals_block */
.referfals_block { clear: both; display: block; margin: 0 auto 20px auto; padding: 0; background: #c40023; }
.referfals_block .inner { display: block; margin: auto; padding: 20px 30px; }
.referfals_block .inner h3 { color: #fff; }

/* box container */
.box-container { position: relative; height: auto; min-height: 298px; width: 100%; margin: 0 0 20px 0; padding: 0; background-size: cover; }
.box-container .inner { padding: 30px 40px; }
.box-container .inner h3 { font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: normal; color: rgba(0,0,0,0.9); margin: 0 auto; padding: 0; }
.box-container .inner p.det { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; color: rgba(0,0,0,0.9); line-height: 22px; margin: 12px auto; padding: 0; }
.box-container .inner .det { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; color: rgba(0,0,0,0.9); line-height: 20px; margin: 12px auto; padding: 0; }
.box-container .inner .btn-crown { clear: both; width: auto; display: inline-block; margin: 15px auto 15px auto; padding: 15px 30px; background: transparent; border: 1px solid #000; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-family: 'Open Sans', sans-serif; font-size: 16px; color: rgba(0,0,0,0.9); font-weight: normal; text-align: center; text-transform: uppercase; }
.box-container .inner .btn-crown:hover { color: #fff; background: #d82600; border-color: #d82600; }

/* box themes */
.box-container.thm01 { background: url('../../images/bg_container_01.jpg') top center no-repeat; }
.box-container.thm01 .inner .btn-crown { margin: 60px auto 0 auto; }


/* for 2 */
.box-container.thm02 { background: url('../../images/bg_container_02.jpg') top center no-repeat; background-size: cover; }
.box-container.thm02 .inner h3 { color: #fff; margin: 10px auto; line-height: 50px; }
.box-container.thm02 .inner p.det { color: #fff; }
.box-container.thm02 .inner .btn-crown { display: block; margin: 15px auto; background: #d82600; color: #fff; border: 1px solid #d82600; padding: 15px 30px; }
.box-container.thm02 .inner .btn-crown:hover { background: #fff; color: #d82600; }

.box-container.thm03 { background: url('../../images/bg_container_03.jpg') top center no-repeat; background-size: cover; }
.box-container.thm02 .inner h3 { line-height: 40px; }
.box-container.thm03 .inner .btn-crown { padding: 15px 15px; }

.box-container.thm04 { background: url('../../images/bg_container_04.jpg') top center no-repeat; background-size: cover; }
.box-container.thm04 .inner { padding: 20px 40px; }
.box-container.thm04 .inner .btn-crown { background: #000; color: #fff; border-color: #000; }
.box-container.thm04 .inner .btn-crown:hover { background: #d82600; color: #fff; border-color: #d82600; }

.box-container.thm05 { background-color: #f1f1f1; }
.box-container.thm05 .inner { padding: 20px 30px; }
.box-container.thm05 .inner p.det { line-height: 20px; }
.box-container.thm05 .inner .btn-crown { display: block; margin: 15px auto 0 auto; background: #d82600; color: #fff; border: 1px solid #d82600; padding: 10px 30px; }
.box-container.thm05 .inner .btn-crown:hover { background: #fff; color: #d82600; }

a.home-per { color: #c40023; }
a.home-per:hover { color: #d82600; }

@media (max-width: 768px) {
    .box-container,
    .box-container.thm01,
    .box-container.thm02,
    .box-container.thm03,
    .box-container.thm04 { background-size: cover; }
    .box-container .inner { padding: 20px 25px; }
}

/*---- INPUT ----*/
input[type='text'], 
select,
input[type='email'].input_extra,
input[type='password'].input_extra,
input[type='number'].input_extra,
input[type='date'].input_extra { width: auto; height: 27px; line-height: 27px; padding-left: 8px; padding-right: 8px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #909090; border: 1px solid #c4c4c4; }
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='number']:focus,
input[type='date']:focus,
select:focus { outline: none; border: 1px solid #e98558; }
input[type='text'].input_mini,
select.input_mini{ width: 50px; }
input[type='text'].input_big,
select.input_big { width: 112px; }
input[type='text'].input_extra,
input[type='email'].input_extra,
input[type='password'].input_extra,
input[type='number'].input_extra,
input[type='date'].input_extra,
select.input_extra { width: 230px; }
.btn-saga { display: inline-block; margin: 0 2px 0 2px; width: 106px; height: 32px; border: none; background: transparent url('../../images/btn_bg.png') center center no-repeat; font-family: 'Calibri'; font-size: 16px; color: rgba(255,255,255,1); text-align: center; line-height: 30px; opacity: 1.0; -moz-opacity: 1.0; -webkit-opacity: 1.0; transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -webkit-transition: 0.2s all ease-in-out; }
textarea { width: 100%; height: 80px; margin-top: 3px; padding: 5px 3px 5px 3px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #909090; border: 1px solid #c4c4c4; outline: none; resize: none; }
.btn-saga:hover { opacity: 0.85; -moz-opacity: 0.85; -webkit-opacity: 0.85; }

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #c40023 url(../img/cd-top-arrow.svg) no-repeat center 50%;
    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;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: 999999;
}
.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 {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: #c40023;
    opacity: 1;
}
@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}

.option_list { margin: 15px auto; }
.option_list .items { margin: 10px auto; border: 1px solid #d7d7d7; }
.option_list .items .img { padding: 10px; width: 100%; height: 250px; text-align: center; overflow: hidden; }
.option_list .items .img.noset { height: auto; }
.option_list .items .img img { max-width: 100%; max-height: 100%; margin: auto; }
.option_list .items .info { padding: 15px; }
.option_list .items h3 { font-size: 18px; line-height: 20px; margin: 5px auto; color: #c40023; }
.option_list .items hr { border: none; margin: 15px auto; }
.option_list .items .det { font-size: 14px; line-height: 20px; }
.option_list .items .form-group { margin: 0 auto; }
.option_list .items .select_figure {  }
.option_list label { font-weight: normal !important; }