/* ---------------------------------- ***************************IF CHANGING, ADDING STYLE, NEED TO CLEAR BROWSER HISTORY Ctrl+refresh icon or f5 ********************nick 7/1/2020 1. Reset default browser styles 2. Basic classes and elements 3. Typography 4. Header 5. List and Navigation 6. Buttons 7. Sliders 8. Main Content Elements 9. Main Content 10. Forms 11. Icons 12. Footer -------------------------------------*/ /* ----------------------------------- f4bc16 1. Reset default browser styles ------------------------------------- */ /* added nick*/ /* about will not be used later */ /* header */ /* ----------------------------------- 2. Basic classes and elements ------------------------------------- */ /* ----------------------------------- 3. Typography ------------------------------------- */ /* ----------------------------------- 4. Header ------------------------------------- */ /* Sticky menu */ /* Header top part */ /* header-2 */ /* header-3 */ /* header-4 */ /* header-5 */ /* header-6 */ /* header */ /* Main Navigation */ /* Search and Shopping cart buttons */ /* Breadcrumbs */ /* ----------------------------------- 5. Lists and navigations ------------------------------------- */ /* Brand list */ /* list with icons */ /* Product List */ /* Paginations */ /* Social counter List */ /* Horisontal List */ /* Vertical List */ /* Service List 2 */ /* Vertical List 2 */ /* List with image */ /* ----------------------------------- 6. Buttons ------------------------------------- */ /* nick black and white text */ /* nick black and white text */ /* ----------------------------------- 7. Sliders ------------------------------------- */ /* Revolution Slider */ /* Owl Carousel */ /* ----------------------------------- 8. Main elements ------------------------------------- */ /* Submit block */ /* Twitter */ /* Popup */ /* Tabs */ /* Lists */ /*----------- Pricing menu --------------*/ /*----------- Custom Select --------------*/ /*----------- Item option with icon --------------*/ /*----------- Newsletter --------------*/ /*----------- Back to top --------------*/ /*----------- Titles --------------*/ /*----------- Accordion --------------*/ /*----------- Alert boxes --------------*/ /*----------- Tables --------------*/ /* Default Forms */ /*----------- Service blocks --------------*/ /*----------- Background image section --------------*/ /*----------- Service item --------------*/ /*----------- Video --------------*/ /*----------- Lightbox items --------------*/ /* Dropcaps */ /* Tooltips */ /*----------- Pagination --------------*/ /*----------- Pricing Tables --------------*/ /*----------- Svg separator --------------*/ /*----------- Background --------------*/ /* Price Scale */ /*----------- Styleswitcher --------------*/ /* FLASHING */ /*----------- Isotope --------------*/ /* ----------------------------------- 9. Main content ------------------------------------- */ /* Order page */ /* Shop */ /* Blog */ /* Contact page */ /* Coming soon */ /* Page 404 */ /* Widget-Tags */ /* Sidebar */ /* About us */ /* Typography */ /* Columns */ /* Contact section */ /* Contact section */ /* Warranty section */ /* Tips section */ /* Info section */ /* Pricing section */ /* Countdown */ /* forms */ /* elements */ /* social widget */ /* popup */ /* welcome block */ /* post_area */ /* review block */ /* news block */ /* g_map block */ /* Contact popup */ /* Subscribe popup */ /* Subscribe popup - 2 */ /* Subscribe popup - 3 */ /* Subscribe popup - 4 */ /*----------- Social icons --------------*/ /* ----------------------------------- /* ----------------------------------- 10. Forms ------------------------------------- */ /* ----------------------------------- 11. Icons ------------------------------------- */ /* ----------------------------------- 12. Footer ------------------------------------- */ /* ---------------------------------- Update 1.1 -------------------------------------- */ /* ----------------------------------- 1. Reset default browser styles h2{font-size: 40px;} h3{font-size: 30px;} h4{font-size: 24px;} h5{font-size: 16px;} h6{font-size: 14px;} ------ color: #ff0000; border-color: #ff0000; ------------------------------- */ /* bylaws.php */ .nickindexwidth( ) #errornick { border: 1px solid red; color:red; } .successnick { color: #86d26e; border-color: #86d26e; } .nick3{ font-size: 30px; text-align: center; } /* for president's messages */ .textareanick{ background: transparent; text-align: left; width: 100%; border: 1px solid #4e4e4e; line-height: inherit; height: 500px; padding: 10px 15px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } /* for event add */ .textareanick2{ background: transparent; text-align: left; width: 100%; border: 1px solid #4e4e4e; line-height: inherit; height: 100px; padding: 10px 15px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .nickpaddingleft{ padding-left:50px; } .nickevent{ text-align: center; } .nickindex { padding-top:60px; padding-bottom:60px; font-weight:bold; } .nickcolumn { float: left; width: 33.33%; /*padding: 50px;*/ text-align: Left; font-size: 17px; cursor: pointer; color: black; } .nick20 { border: 0; line-height: 2.5; padding: 0 20px; font-size: 1rem; text-align: center; color: #fff; text-shadow: 1px 1px 1px #000; border-radius: 10px; background-color: rgba(220, 0, 0, 1); background-image: linear-gradient(to top left, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 30%, rgba(0, 0, 0, 0)); box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6), inset -2px -2px 3px rgba(0, 0, 0, .6); } .nick20:hover { background-color: rgba(255, 0, 0, 1); } .nick20:active { box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6), inset 2px 2px 3px rgba(0, 0, 0, .6); } .nick4 { color:red; text-align: center; font-size: 18px; } /* added nick*/ .nick { background-color:black; } /* about will not be used later */ .nick1 { color: #FFFFFF; font-weight: bold; vertical-align:bottom; } /* header */ .nick2 { text-align: center; font-size: 120%; vertical-align:top; } .nick5{ text-indent: 0px; } .nick9{ line-height: 1.6em; text-transform: uppercase; padding-bottom: 10px; font-size: 16px; color: #333; } .nick10{ margin-left: 20px; } .nick11{ margin-left: 30px; } .nick12{ margin-left: 60px; } .nick13{ line-height: 1.6em; text-transform: uppercase; padding-left: 0px; padding-bottom: 8px; font-size: 16px; color: #333; } .nickpaddingbottom { padding:50px; margin:75; } .nickpaddingtop { padding-top:30px; } /* 11/11/23 added Nick */ @media only screen and (max-width: 992px) { .mobile-advanced > ul > li > a { font-size: 24px !important; } } /* Nick Container on index page holding the image and the text */ .containernick { font-weight: 300; color: white; font-size: 35px; /* display: none; why is there here? */ /* margin-top: 15px;*/ padding-bottom: 0; margin-bottom: 40px; text-transform: none; text-align: center; position: relative; text-align: center; color: white; font-size: 35px; font-size: 30px; font-weight: bold; } /*body { text-align: center; text-size:16px; } */ .wrappernick { display: block; margin-top: 25px; position: relative; /*height: 10%; */ margin-left: auto; margin-right: auto; width: 100%; } .wrappernick img { display: block; max-width:100%; /* width: 100%; height:25%; no difference*/ margin-left: auto; margin-right: auto; /*border:2px solid #e8e8e8; border-color:aqua; used for testing */ } .wrappernick .overlaynick { position: relative; top:100%; left:1px; /*right:10%; width:75%;*/ /*border:2px solid #e8e8e8; border-color:aqua; used for testing */ /*height:25%;*/ /* background-color: rgba(0,0,0,0.25);*/ color: white ; margin-left: auto; margin-right: auto; max-width:800px; } h2.headernick { color: white; bottom: 0; position: absolute; text-align: center; font-size: 30px; margin-left: auto; margin-right: auto; /*border:2px solid #e8e8e8; border-color:aqua; */ } /* Centered text for index */ .centerednick{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .centerindeximg { display: block; margin-left: auto; margin-right: auto; width: 100%; /*height:600px;*/ } /* changed for managementrenew.php may affect another page? */ .nickborder{ line-height: 40px; position: relative; display: inline-block; vertical-align: middle; border: 2px solid #e8e8e8; /*padding: 10px 10px;*/ height: 55px; } .nickborder2{ border: 2px solid #e8e8e8; } .rTable { display: block; width: 100%; } .rTableHeading, .rTableBody, .rTableFoot, .rTableRow{ clear: both; } .rTableHead, .rTableFoot{ background-color: #DDD; font-weight: bold; } .rTableCell, .rTableHead { border: 1px solid #999999; float: left; /*height: 40px; */ overflow: hidden; padding: 3px 1.8%; width: 20%; min-height: 40px; /* was 100 */ } .rTable:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } @viewport{user-zoom: fixed;} *{ margin: 0; padding: 0; border: none; } article,aside,audio,canvas,command,datalist,details,embed,div,div,footer,header,hgroup,keygen,meter,nav,output,progress,div,source,video,main{display:block}mark,rp,rt,ruby,summary,time{display:inline} a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, div, div, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, div, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{ background: transparent; border: 0 none; font-weight: inherit; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; } iframe{ width: 100%; } a{ text-decoration: none; outline: none !important; color: inherit; } a:active, a:hover{ outline: 0; } b, strong{ font-weight: bold !important; } ul,ol{ list-style: none; } q{ quotes: none; } table, table td{ padding: 0; border: none; border-collapse: separate; } img{ vertical-align: top; max-width: 100%; } embed{ vertical-align: top; } input, button, textarea{ -webkit-appearance: none; outline: none; } button::-moz-focus-inner{ border: 0; } html{overflow-x: hidden;} html,body{height: 100%;} /* ----------------------------------- 2. Basic classes and elements ------------------------------------- */ body{ font:16px/24px 'Poppins', sans-serif; color: #646464; background-color: #fff; background-attachment: fixed; position: relative; font-weight: normal; } body.mad_main2{ color: #777; font:16px/23px 'Hind' , sans-serif; } body.mad_main3{ color: #545f68; font-family: 'Roboto', sans-serif; } body.mad_main4{ color: #77797c; font:16px/23px 'Palanquin', sans-serif; } body.mad_main5{ color: #777777; font:16px/24px 'Open Sans', sans-serif; } body.mad_main6{ color: #555555; font:14px/21px 'Oxygen', sans-serif; } .loader{ position: fixed; width: 100%; height: 100%; background: #fff; top: 0; left: 0; z-index: 99999; } .wrapper_container{ position: relative; background: #fff; } .wrapper{overflow: hidden;} .relative{position: relative;} .align_left{text-align: left;} .align_center{text-align: center;} .align_right{text-align: right;} .f_left{float: left;} .f_right{float: right;} .hide{display: none;} .show{display: block;} .invisible{visibility: hidden;} .d_none{display: none;} .no_m_space{margin: 0;} ::selection{ background: #b92127; color: #fff; } ::-moz-selection{ background: #b92127; color: #fff; } ::-o-selection{ background: #b92127; color: #fff; } ::-ms-selection{ background: #b92127; color: #fff; } /* nick width: 5px; */ ::-webkit-scrollbar{ width: 10px; background: #52585e; } body.mad_main::-webkit-scrollbar-thumb{ background: #b92127; } /* width was 5px nick width: 5px;*/ body.mad_main2 ::-webkit-scrollbar{ background: #52585e; } body.mad_main2::-webkit-scrollbar-thumb{ background: #de5b92; } body.mad_main2 ::selection{ background: #de5b92; } body.mad_main2 ::-moz-selection{ background: #de5b92; } body.mad_main2 ::-o-selection{ background: #de5b92; } body.mad_main2 ::-ms-selection{ background: #de5b92; } body.mad_main3::-webkit-scrollbar-thumb{ background: #2abfd4; } body.mad_main3 ::selection{ background: #2abfd4; } body.mad_main3 ::-moz-selection{ background: #2abfd4; } body.mad_main3 ::-o-selection{ background: #2abfd4; } body.mad_main3 ::-ms-selection{ background: #2abfd4; } body.mad_main4::-webkit-scrollbar-thumb{ background: #2c95ff; } body.mad_main4 ::selection{ background: #2c95ff; } body.mad_main4 ::-moz-selection{ background: #2c95ff; } body.mad_main4 ::-o-selection{ background: #2c95ff; } body.mad_main4 ::-ms-selection{ background: #2c95ff; } /* f4bc16 nick */ body.mad_main5::-webkit-scrollbar-thumb{ background: #ec3238; } /* f4bc16 nick */ body.mad_main5 ::selection{ background: #ec3238; } /* f4bc16 nick */ body.mad_main5 ::-moz-selection{ background: #ec3238; } body.mad_main5 ::-o-selection{ background: #ec3238; } /* f4bc16 nick */ body.mad_main5 ::-ms-selection{ background: #ec3238; } body.mad_main6::-webkit-scrollbar-thumb{ background: #ec3238; } body.mad_main6 ::selection{ background: #ec3238; } body.mad_main6 ::-moz-selection{ background: #ec3238; } body.mad_main6 ::-o-selection{ background: #ec3238; } body.mad_main6 ::-ms-selection{ background: #ec3238; } img{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .clearfix:after, .row:after{ clear: both; display: block; visibility: hidden; height: 0; content: "."; } .container.extra{width: 100%!important;} input, textarea{ background: transparent; text-align: left; width: 100%; border: 1px solid #4e4e4e; line-height: inherit; height: 40px; padding: 10px 15px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } textarea{width: 100%;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color: #646464; } input::-moz-placeholder, textarea::-moz-placeholder{ color: #646464; } .mad_main2 input::-webkit-input-placeholder, .mad_main2 textarea::-webkit-input-placeholder{ color: #8c8c8c; } .mad_main2 input::-moz-placeholder, .mad_main2 textarea::-moz-placeholder{ color: #8c8c8c; } .mad_main3 input::-webkit-input-placeholder, .mad_main3 textarea::-webkit-input-placeholder{ color: #545f68; } .mad_main3 input::-moz-placeholder, .mad_main3 textarea::-moz-placeholder{ color: #545f68; } .mad_main4 input::-webkit-input-placeholder, .mad_main4 textarea::-webkit-input-placeholder{ color: #77797c; font-size: 16px; } .mad_main4 input::-moz-placeholder, .mad_main4 textarea::-moz-placeholder{ color: #77797c; font-size: 16px; } .mad_main5 input::-webkit-input-placeholder, .mad_main5 textarea::-webkit-input-placeholder{ color: #acacac; } .mad_main5 input::-moz-placeholder, .mad_main5 textarea::-moz-placeholder{ color: #acacac; } .mad_main6 input::-webkit-input-placeholder, .mad_main6 textarea::-webkit-input-placeholder{ color: #999999; } .mad_main6 input::-moz-placeholder, .mad_main6 textarea::-moz-placeholder{ color: #999999; } /* ----------------------------------- 3. Typography ------------------------------------- */ .p_table:before{ content: ""; position: absolute; bottom: 100%; left: 0; height: 55px; width: 100%; display: block; background: transparent; } h1,h2,h3,h4,h5,h6{ line-height: 1.3em; font-weight: normal; text-transform: uppercase; margin-bottom: 30px; } h1, h2, h3, h4, h5, h6{ color: #333; } .mad_main2 h1, .mad_main2 h2, .mad_main2 h3, .mad_main2 h4, .mad_main2 h5, .mad_main2 h6, .mad_main5 h1, .mad_main5 h2, .mad_main5 h3, .mad_main5 h4, .mad_main5 h5, .mad_main5 h6{ color: #3b3b3b; } .mad_main3 h1, .mad_main3 h2, .mad_main3 h3, .mad_main3 h4, .mad_main3 h5, .mad_main3 h6{ color: #353c42; } .mad_main4 h1, .mad_main4 h2, .mad_main4 h3, .mad_main4 h4, .mad_main4 h5, .mad_main4 h6{ color: #1e3859; } .mad_main6 h1, .mad_main6 h2, .mad_main6 h3, .mad_main6 h4, .mad_main6 h5, .mad_main6 h6{ color: #5080bf; } h2{font-size: 40px;} h3{font-size: 30px;} h4{font-size: 24px;} h5{font-size: 20px;} h6{font-size: 18px;} .mad_main2 h4, .mad_main2 h3, .mad_main2 h2, .mad_main2 h5, .mad_main2 h6{ font-family: 'Playfair Display', serif; font-weight: bold; } .mad_main2 h2{text-transform: none;} .mad_main4 h3, .mad_main4 h2, .mad_main4 h4{ font-family: 'Martel', sans-serif; font-weight: bold; text-transform: none; } a, button{ -webkit-transition: all .3s ease; transition: all .3s ease; } p a:hover{text-decoration: underline;} .spacer{display: none;} .mad_bottom{margin-bottom: 45px;} .mad_bottom2{margin-bottom: 20px;} .mad_bottom3{margin-bottom: 30px;} p.type2{ font-size: 18px; font-weight: 600; } .mad_main3 p.type2{ color: #3f4957; padding-top: 20px; } .pt_holder{margin-bottom: 60px;} figure{overflow: hidden;} figure a{display: block;} figure a img{ -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } figure a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .mad_main2 figure a{ border-radius: 5px; overflow: hidden; } .mad_main2 img{border-radius: 5px;} /* ----------------------------------- 4. Header ------------------------------------- */ .header{ position: relative; top: 0; z-index: 190; width: 100%; } /* Sticky menu */ .header.scrolled{ position: fixed; left: 0; top: 0; z-index: 999; } .mad_main3 .mad_elements .main_navigation > ul > li:not(:last-child){margin-right: 35px;} /* Header top part */ /* header-2 */ .header_wrapper{ background: url(../images/1920x810.jpg) no-repeat; background-color: transparent; background-attachment: fixed; position: relative; height: 0; padding-bottom: 42%; background-size: contain; } .mad_main2 .header_top{ background-color: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; width: 100%; padding: 25px 0 5px 0; } .mad_main2.mad_elements .header_top{background: none;} .mad_main2.mad_elements .header_top{position: relative;} .mad_main2 .header_top .header_contact_list li{ float: left; margin-right: 25px; } .mad_main2 .header_top .header_contact_list li:last-child{margin-right: 0;} .mad_main2 .header_top .header_contact_list > ul{display: inline-block;} .mad_main2 .header_top .header_contact_list li p{ color: #a1a1a1; padding: 0; font-size: 14px; } .mad_main2 .menu_wrap{padding: 30px 0 10px 0;} .mad_main2 .header_top .icon_phone{ color: #a1a1a1; background: none; } .mad_main2 .header_top .phone:after{ content: ""; position: absolute; top: 0; left: -8px; width: 0; height: 0; border-bottom: 8px solid #6a7a16; border-left: 8px solid transparent; } .mad_main2 .header_top p:before{color: #27a63d;} .mad_main2 .main_navigation > .search-holder{ margin-left: 35px; margin-top: 18px; } /* header-3 */ .mad_main3 .header_top{ background: #fafafa; border-bottom: 1px solid #ececec; } .mad_main3 .header_top .header_contact_list > ul > li{ float: left; margin: 0; padding: 12px 22px; border-right: 1px solid #ececec; } .mad_main3 .header_top .header_contact_list > ul > li:first-child{border-left: 1px solid #ececec;} .mad_main3 .header_top .header_contact_list > ul > li p{ background: none; padding: 0; } .mad_main3 .header_top .header_contact_list > ul > li p.icon_mail a{color: #353c42;} .mad_main3 .header_top .header_contact_list > ul > li p.icon_phone{color: inherit;} .mad_main3 .header_top .header_contact_list > ul > li .social_icon_list ul li{margin: 0;} .mad_main3 .header_top .header_contact_list > ul > li .social_icon_list ul li a{ background: none; padding: 0; width: auto; height: auto; line-height: inherit; color: #bababa; margin-right: 20px; } .mad_main3 .header_top .header_contact_list > ul > li .social_icon_list ul li a:hover{color: #2abfd4;} .mad_main3 .header_top .header_contact_list > ul > li .social_icon_list ul li:last-child a{margin-right: 0;} .mad_main3 .header_top p:before{color: #224687;} .mad_main3 .header_top p a:hover{color: #2abfd4;} .mad_main3 .logo{ text-align: center; padding: 25px 0; border-bottom: 1px solid #ececec; display: block; } .mad_main3 .menu_holder{position: relative;} .mad_main3 .menu_wrap{padding: 0;} .mad_main3 .menu_wrap, .mad_main3 .header_top{ text-align: center; } .mad_main3 .main_navigation > ul > li{margin-right: 48px;} .mad_main3 .main_navigation > ul > li > a{ color: #224687; font-weight: bold; text-transform: none; letter-spacing: 0; font-size: 16px; } .mad_main3 .main_navigation ul li a{} .mad_main3 .bottom_header{display: inline-block;} .mad_main3 .header .menu_wrap .search-holder, .mad_main3 .header .menu_wrap .nav_item{ display: inline-block; } .mad_main3 .search_button{ color: #e7e7e7; line-height: 65px; margin-left: 40px; } /* header-4 */ .mad_main4 .header{ position: absolute; padding-top: 20px; } .mad_main4.mad_elements .header{position: relative;} .mad_main4 .header_top .call_us{ font-size: 0; color: #fff; } .mad_main4 .header_top .call_us .number{ position: relative; padding: 9px 20px; background: #2c95ff; display: inline-block; font-size: 13px; line-height: 19px; } .mad_main4 .header_top .call_us:before{ display: inline-block; height: 100%; padding: 16px 20px; font-family: 'fontello'; content: '\ef83'; background: #1882ec; font-size: 16px; } .mad_main4 .header_top .call_us b{ font-size: 18px; line-height: 18px; } .mad_main4 .header_top .social_icon_list{display: inline-block;} .mad_main4 .header_top .social_icon_list.var2{padding-top: 13px;} .mad_main4 .header_top .social_icon_list.var2 ul li a.soc_icon{ background: #1e3859; color: #fff; } .mad_main4 .menu_holder{ position: relative; padding-top: 20px; } .mad_main4 .menu_holder .menu_wrap{padding: 0;} .mad_main4 .menu_holder .menu_wrap .menu_bg{ background: rgba(255,255,255,0.8); width: 100%; position: relative; } .mad_main4 .menu_holder .menu_wrap .logo, .mad_main4 .menu_holder .menu_wrap .search-holder, .mad_main4 .menu_holder .menu_wrap .nav_item{ display: inline-block; } .mad_main4 .menu_holder .menu_wrap .search-holder{ position: absolute; right: 30px; top: calc(50% - 13px); } .mad_main4 .menu_holder .menu_wrap .nav_item{margin-left: 20px;} .mad_main4 .menu_holder .menu_wrap .logo{ padding-top: 0; overflow: hidden; } .mad_main4 .menu_holder .menu_wrap .main_navigation > ul > li{padding: 27px 0;} .mad_main4 .main_navigation > ul > li:not(:last-child){margin-right: 27px;} .mad_main4 .menu_holder .menu_wrap .main_navigation > ul > li > a{ font-family: 'Martel', sans-serif; font-weight: bold; letter-spacing: 0; font-size: 14px; } .mad_main4 .main_navigation > ul > li > a, .mad_main4 .menu_holder .search_button{ color: #262729; } /* header-5 */ .mad_main5 .header_top{ padding: 25px 0; border-bottom: 2px solid #f3f3f3; } .mad_main5 .header_top .header_contact_list ul li{ display: inline-block; margin-right: 25px; } .mad_main5 .header_top .header_contact_list ul li:last-child{margin-right: 0;} .mad_main5 .header_top .logo{padding-top: 0;} .mad_main5 .header_top p{ padding: 0; line-height: 50px; } .mad_main5 .header_top p a{color: #3b3b3b;} .mad_main5 .header_top p:before{ color: #f4bc16; } .mad_main5 .header_top p.icon_phone{ background: #f4bc16; color: #fff; padding: 0 35px; } .mad_main5 .header_top p.icon_phone:before{color: #fff;} .mad_main5 .menu_holder{position: relative;} .mad_main5 .menu_holder .menu_wrap{padding: 0;} .mad_main5 .menu_holder .bottom_header .search-holder{ position: absolute; right: 0; top: calc(50% - 13px); } .mad_main5 .menu_holder .main_navigation > ul > li:not(:last-child){margin-right: 35px;} .mad_main5 .main_navigation > ul > li > a, .mad_main5 .menu_holder .bottom_header .search-holder .search_button{ color: #3b3b3b; } .mad_main5 .menu_holder .bottom_header .search-holder .search_button:hover{color: #f4bc16;} .mad_main5 .menu_holder .main_navigation > ul > li.drop > a:after{ right: auto; left: 100%; margin-left: 7px; } .mad_main5 .menu_holder .main_navigation .sub_menu_wrap{border-top: none;} .mad_main5 .menu_holder .main_navigation .sub_menu_wrap ul li:hover, .mad_main5 .sub_menu_wrap ul li.current-menu-item{ background: #f4bc16; } .mad_main5 .menu_holder .main_navigation .sub_menu_wrap.mega_menu ul li a:hover{color: #f4bc16;} /* header-6 */ .mad_main6 .header_top{ padding: 10px 0; border-bottom: 1px solid #f2f2f2; } .mad_main6 .header_top .header_top_list ul li{display: inline-block;} .mad_main6 .header_top .header_top_list ul li:not(:last-child) a{ margin-right: 10px; padding-right: 10px; } .mad_main6 .header_top .header_top_list ul li a{ color: #222222; font-size: 13px; display: block; position: relative; } .mad_main6 .header_top .header_top_list ul li:not(:last-child) a:after{ content: ''; position: absolute; right: 0; top: calc(50% - 6px); width: 1px; height: 12px; background: #222; } .mad_main6 .header_top .header_top_list ul li a:hover{text-decoration: underline;} .mad_main6 .bottom_header{padding: 25px 0;} .mad_main6 .bottom_header .logo{ padding-top: 0; display: block; } .mad_main6 .bottom_header .info_block .info_block_item{ display: inline-block; text-align: left; position: relative; padding-left: 50px; } .mad_main6 .bottom_header .info_block .info_block_item .info_icon{ width: auto; height: auto; border-radius: 0; border: none; font-size: 40px; color: #5080bf; line-height: 45px; position: absolute; left: 0; margin-right: 0; } .mad_main6 .bottom_header .info_block .info_block_item .info_text{ color: #555; display: block; line-height: 17px; overflow: hidden; font-size: 13px; } .mad_main6 .bottom_header .info_block_item:not(:last-child){margin-right: 35px;} .mad_main6 .bottom_header .info_block .info_text b{font-size: 16px;} .mad_main6 .bottom_header .info_block_item:first-child .info_text b{color: #ec3238;} .mad_main6 .bottom_header .info_block_item:last-child .info_text b{ color: #618ac4; font-size: 16px; } .mad_main6 .bottom_header .info_block .info_block_item .info_text b a{color: #222222;} .mad_main6 .menu_holder, .mad_main6.mad_elements .menu_holder .menu_wrap{ position: relative; background: #5080bf; } .mad_main6.mad_elements .menu_holder{background: none;} .mad_main6 .menu_holder .menu_wrap{padding: 0;} .mad_main6 .menu_holder .main_navigation > ul > li{padding: 19px 0;} .mad_main6 .menu_holder .main_navigation > ul > li:not(:last-child){margin-right: 45px;} .mad_main6 .menu_holder .main_navigation > ul > li > a{ text-transform: none; font-size: 16px; } .mad_main6 .menu_holder .main_navigation > ul > li.drop > a:after{ right: auto; left: 100%; margin-left: 7px; } .mad_main6 .menu_holder .menu_wrap .nav_item{float: left;} .mad_main6 .menu_holder .menu_wrap .free_quote{ padding: 24px 28px 25px; background: #ec3238; color: #fff; letter-spacing: 1px; font-size: 16px; float: right; font-weight: bold; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .mad_main6 .menu_holder .menu_wrap .free_quote:hover{background: #bababa;} .mad_main6 .menu_holder .menu_wrap .sub_menu_wrap{border-top: none;} .mad_main6 .menu_holder .menu_wrap .sub_menu_wrap ul li:hover, .mad_main6 .menu_holder .menu_wrap .sub_menu_wrap ul li.current-menu-item{ background: #5080bf; } .mad_main6 .menu_holder .menu_wrap .sub_menu_wrap.mega_menu ul li a:hover{color: #ec3238;} /* header */ .header_top p{ padding: 12px 0; display: inline-block; } .header_top p:before{ font-family: 'fontello'; color: #2965b0; padding-right: 8px; } .mad_main2 .header_top p{padding: 0;} .mad_main2 .header_top p a:hover{color: #de5b92;} .header_top .mad_main .icon_phone{ background: #b92127; color: #fff; text-align: center; padding: 12px 31px; } .header_top .icon_mail a:hover{border-bottom: none;} /* Main Navigation */ .mad_main .menu_wrap .search-holder{ text-align: right; display: block; } #wrapper { overflow: hidden; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .menu_holder{ position: absolute; top: 100%; left: 0; width: 100%; } .mad_main .menu_holder_with_bg{ position: relative; width: 100%; background: url(../images/1920x831_bg.jpg) no-repeat #081c34; background-size: cover!important; background-attachment: fixed; } .menu_holder_with_bg.var2 .logo{ padding: 45px 0; text-align: center; display: block; } .menu_holder_with_bg.var2 .logo{margin-top: 0;} .page_header{ padding: 10px 0 30px; text-align: center; } .mad_main2 .page_header, .mad_main3 .page_header, .mad_main4 .page_header, .mad_main5 .page_header, .mad_main6 .page_header{ padding: 30px 0; text-align: center; } .mad_main2.mad_elements .header{ background: url(../images/inner_bg_top.jpg) no-repeat; -webkit-background-size: cover; background-size: cover; } .mad_main3 .page_header, .mad_main4 .page_header, .mad_main5 .page_header, .mad_main6 .page_header{ background: #f9f9f9; } .mad_main4.mad_elements .header{background: url(../images/1920x760.jpg) no-repeat;} .mad_main4 .page_header{margin-top: 20px;} .page_header h2.main_title{ color: #fff; margin-bottom: 15px; padding-bottom: 0; background: none; font-weight: 300; } .mad_main2 .page_header h2.main_title{ color: #fff; font-weight: bold; } .mad_main3 .page_header h2.main_title{ color: #353c42; font-weight: bold; text-align: center; } .mad_main4 .page_header h2.main_title{ color: #1e3859; font-weight: bold; } .mad_main5 .page_header h2.main_title{ color: #3b3b3b; font-weight: normal; } .mad_main6 .page_header h2.main_title{ color: #5080bf; font-weight: normal; } .page_header h2.main_title:before{display: none;} .responsive-nav-button{ display: none; border: 1px solid #fff; width: 50px; height: 50px; text-align: center; color: #fff; font-size: 23px; z-index: 2; border-radius: 0; background: transparent; } .mad_main3 .responsive-nav-button{ color: #e7e7e7; border-color: #e7e7e7; } .mad_main4 .responsive-nav-button{ color: #262729; border-color: #262729; } .mad_main5 .responsive-nav-button{ color: #3b3b3b; border-color: #3b3b3b; } .mad_main6 .responsive-nav-button{ width: 45px; height: 45px; } #wrapper #advanced-menu-hide{ visibility: hidden; pointer-events: none; -webkit-transform: translateX(200%); transform: translateX(200%); -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .mobile-advanced{display: none;} .responsive-nav-button::before{ font-family: 'fontello'; content: "\e8c0"; } .menu_wrap{ z-index: 189; width: inherit; position: relative; padding: 25px 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .main_navigation{ display: block; width: 100%; } .mad_main2 .main_navigation{width: auto;} .mad_main2 .main_navigation, .mad_main2 .search-holder{ display: inline-block; } .mad_main2 .search-holder{margin: 20px 0 0 25px;} .main_navigation > ul > li{ padding: 18px 0; display: block; } .main_navigation > ul > li{ float: left; position: relative; margin-right: 25px; cursor: pointer; } .main_navigation ul li:last-child{ margin-right: 0; padding-right: 0; } .main_navigation > ul > li.drop > a:after{ font-family: 'fontello'; content: '\e8e1'; margin-left: 7px; font-weight: normal; font-size: 10px; display: inline-block; vertical-align: top; } .mad_main3 .main_navigation > ul > li.drop > a:after, .mad_main6 .main_navigation > ul > li.drop > a:after{ vertical-align: baseline; } .main_navigation > ul > li > a{ color: #fff; text-transform: uppercase; letter-spacing: 1px; line-height: 28px; position: relative; } .main_navigation > ul > li > a:before{ content: ""; display: block; position: absolute; top: 100%; left: 0; width: 100%; height: 2px; background: inherit; z-index: 99; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -o-transform: scale(0,1); transform: scale(0,1); transform-origin: left center; -webkit-transform-origin: left center; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; filter: alpha(opacity=@opacity * 100); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .main_navigation > ul > li:hover > a:before, .main_navigation > ul > li.current-menu-item > a:before{ -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); filter: alpha(opacity=@opacity * 100); -moz-opacity: 100; -khtml-opacity: 100; opacity: 100; opacity: 1; } .mad_main .main_navigation > ul > li > a:before, .mad_main2 .main_navigation > ul > li > a:before, .mad_main6 .main_navigation > ul > li > a:before{ background: #fff; } .mad_main3 .main_navigation > ul > li > a:before{background: #224687;} .mad_main4 .main_navigation > ul > li > a:before{background: #262729;} .mad_main5 .main_navigation > ul > li > a:before{background: #3b3b3b;} .mad_main5 .sticky .main_navigation > ul > li > a:before, .mad_main3 .sticky .main_navigation > ul > li > a:before{ background: #fff; } .sub_menu_wrap{ position: absolute; left: -35px; top: 100%; min-width: 220px; text-align: left; background: #fff; padding: 10px 0; border-top: 3px solid #b92127; -webkit-transform: rotate3d(1,0,0,-90deg); transform: rotate3d(1,0,0,-90deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; opacity: 0; visibility: hidden; font-weight: 300; z-index: 999; -webkit-transition: all .4s ease; transition: all .4s ease; } .mad_main2 .main_navigation > ul > li:nth-child(6) .sub_menu_wrap .sub_menu_wrap{ left: auto; right: 100%; margin-left: 0; margin-right: 5px; } .mad_main2 .sub_menu_wrap{ border-top: 3px solid #de5b92; border-radius: 5px; } .mad_main2 .main_navigation > ul > li > a{ font-weight: 600; font-size: 16px; letter-spacing: 0; } .mad_main3 .sub_menu_wrap{border-top: 3px solid #2abfd4;} .mad_main4 .sub_menu_wrap{border-top: 3px solid #2c95ff;} .searchform_wrap.opened, .main_navigation > li:hover > .sub_menu_wrap{ width: 355px; opacity: 1; visibility: visible; } .searchform_wrap.opened h5{ font-size: 18px; color: #fff; font-weight: normal; } .main_navigation > ul > li:hover > .sub_menu_wrap:not(.sub_menu_inner), .sub_menu_wrap ul li:hover .sub_menu_wrap.sub_menu_inner, .sub_menu_inner ul li:hover .sub_menu_wrap.sub_menu_inner_2{ -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; } .sub_menu_wrap ul li{ position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; } .searchform_wrap input{ border: none; padding-left: 0; color: #fff; } .searchform_wrap input::-webkit-input-placeholder{ color: #fff; font-size: 12px; } .searchform_wrap input::-moz-placeholder{ color: #7999a7; font-size: 12px; } .sub_menu_wrap ul li:hover, .sub_menu_wrap ul li.current-menu-item{ background: #2965b0; } .mad_main2 .sub_menu_wrap ul li:hover, .mad_main2 .sub_menu_wrap ul li.current-menu-item{ background: #27a63d; } .mad_main3 .sub_menu_wrap ul li:hover, .mad_main3 .sub_menu_wrap ul li.current-menu-item{ background: none; } .mad_main3 .sub_menu_wrap ul li:hover > a, .mad_main3 .sub_menu_wrap ul li.current-menu-item > a{ color: #2abfd4; } .mad_main4 .sub_menu_wrap ul li:hover, .mad_main4 .sub_menu_wrap ul li.current-menu-item{ background: #2c95ff; } .sub_menu_wrap ul li a{ display: block; white-space: pre; color: #333333; text-transform: none; font-weight: normal; position: relative; padding: 10px 35px 10px 35px; } .mad_main3 .sub_menu_wrap ul li a, .mad_main3 .sub_menu_wrap.mega_menu ul li a{ color: #353c42; } .mad_main4 .sub_menu_wrap ul li a{ color: #262729; } .mad_main5 .sub_menu_wrap ul li:hover a, .mad_main5 .sub_menu_wrap ul li.sub:hover > a:after, .mad_main5 .sub_menu_wrap ul li a, .mad_main5 .sub_menu_wrap.mega_menu ul li a{ color: #3b3b3b; } .sub_menu_wrap ul li.sub > a:after{ font-family: 'fontello'; content: '\eab9'; position: absolute; right: 20px; } .mad_main3 .sub_menu_wrap ul li.sub:hover > a:after{color: inherit;} .sub_menu_wrap .sub_menu_wrap{ opacity: 0; visibility: hidden; left: 100%; top: 0; margin-left: 5px; -webkit-transform: rotate3d(0,1,0,90deg); -moz-transform: rotate3d(0,1,0,90deg); -o-transform: rotate3d(0,1,0,90deg); -ms-transform: rotate3d(0,1,0,90deg); transform: rotate3d(0,1,0,90deg); } .sub_menu_wrap.mega_menu{ min-width: 570px; padding: 35px 0 187px; background: url(../images/mega_img.jpg) no-repeat bottom #fff; left: -25px; } .mad_main2 .sub_menu_wrap.mega_menu{background: url(../images/mega_img2.jpg) no-repeat bottom #fff;} .mad_main3 .sub_menu_wrap.mega_menu{background: url(../images/mega_img3.jpg) no-repeat bottom #fff;} .mad_main4 .sub_menu_wrap.mega_menu{background: url(../images/mega_img4.jpg) no-repeat bottom #fff;} .mad_main6 .sub_menu_wrap.mega_menu{background: url(../images/mega_img6.jpg) no-repeat bottom #fff;} .sub_menu_wrap.mega_menu .menu_col{ float: left; width: 50%; padding-left: 25px; } .sub_menu_wrap.mega_menu .menu_col h6{ color: #333333; margin-bottom: 20px; font-weight: bold; } .mad_main5 .sub_menu_wrap.mega_menu .menu_col h6{ text-transform: none; font-size: 16px; } .sub_menu_wrap.mega_menu ul li, .mad_main2 .sub_menu_wrap.mega_menu ul li{ margin-bottom: 10px; padding: 0; background: none!important; } .sub_menu_wrap.mega_menu ul li a{color: #333333;} .mad_main2 .sub_menu_wrap.mega_menu ul li a:hover{color: #de5b92;} .mad_main3 .sub_menu_wrap.mega_menu ul li a:hover{color: #2abfd4;} .mad_main4 .sub_menu_wrap.mega_menu ul li a:hover{color: #2c95ff;} .sub_menu_wrap.mega_menu ul li a:hover{color: #b92127;} /* Search and Shopping cart buttons */ .serch_button_wrap{ position: relative; display: inline-block; } .mad_main1 .header .menu_wrap .search-holder{ display: block; text-align: right; margin: 0; } .search_box{display: inline-block;} .shopping_button:hover .shopping_cart, .login_button.shop_button:hover .shopping_cart{ opacity: 1; visibility: visible; } .shopping_button, .search_button, .shopping_button > button{ display: inline-block; background: none; font-size: 16px; } .shopping_button > button, .search_button{ font-family: 'fontello'; } .search_button{font-weight: bold;} .shopping_button .shop_button, .search_button{ color: #fff; } .shopping_button{ margin-left: 20px; position: relative; } .search_button:before{content: '\e800';} .shopping_button > button{font-size: 16px;} .shopping_button > button:before{content: '\e8c5';} .shopping_button:hover .shop_button, .search_button:hover{ color: #b92127; } .mad_main2 .shopping_button:hover .shop_button, .mad_main2 .search_button:hover{ color: #de5b92; } .mad_main2 .shopping_button .shop_button{padding-bottom: 20px;} .mad_main3 .search_button:hover, .mad_main3 .shopping_button:hover .shop_button{ color: #2abfd4; } .mad_main4 .shopping_button:hover .shop_button, .mad_main4 .search_button:hover{ color: #2c95ff; } .mad_main5 .shopping_button:hover .shop_button, .mad_main5 .search_button:hover, .mad_main5 .menu_wrap.sticky .search-holder .search_button:hover{ color: #f4bc16; } .mad_main6 .shopping_button:hover .shop_button, .mad_main6 .search_button:hover{ color: #5080bf; } .mad_elements .shopping_button .shop_button{padding-bottom: 0!important;} .shopping_cart{ position: absolute; top: 100%; right: 0; text-align: left; min-width: 430px; padding-top: 60px; background: #fff; opacity: 0; visibility: hidden; z-index: 999; padding: 30px 35px; border-top: 3px solid #b92127; -webkit-transition: all .4s ease; transition: all .4s ease; } .mad_main2 .shopping_cart{ border-top: 3px solid #de5b92; border-radius: 5px; } .mad_main3 .shopping_cart{border-color: #2abfd4;} .mad_main4 .shopping_cart{border-color: #2c95ff;} .mad_main5 .shopping_cart{border-color: #f4bc16;} .mad_main6 .shopping_cart{border-color: #5080bf;} .shopping_button > i, .search_button > i{ font-size: 18px; } .close_search_form{ background-color: transparent; position: absolute; font-family: 'fontello'; right: 25px; font-size: 20px; color: #a4a4a4; z-index: 99; font-weight: normal; display: inline-block; top: 25px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .close_search_form:hover{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); } .close_search_form:before{content: '\f06d';} .searchform_wrap{ border-bottom: none; position: fixed; display: block; top: 0; left: 0; right: auto; height: 100%; width: 0; background: rgba(0,0,0,.9); text-align: center; opacity: 0; visibility: hidden; z-index: 201; -webkit-transition: all .4s ease; transition: all .4s ease; } .searchform_wrap.opened{width: 100%;} .searchform_wrap.closed{width: 0;} .searchform_wrap .vc_child{ width: 750px; display: inline-block; padding-top: 350px; } .searchform_wrap input{ border-bottom: 2px solid #404040; } .searchform_wrap form{ position: relative; } .searchform_wrap form button{ position: absolute; right: 10px; top: 0; font-family: 'fontello'; font-size: 24px; color: #404040; background: none; } .searchform_wrap form button:hover{color: #fff;} .searchform_wrap form button:before{content: '\e800';} /* Breadcrumbs */ .mad_breadcrumbs{ text-transform: uppercase; text-align: center; color: #fff; letter-spacing: 1px; font-weight: 300; font-size: 14px; } .mad_main2 .mad_breadcrumbs{color: #fff;} .mad_main3 .mad_breadcrumbs{color: #545F68;} .mad_main4 .mad_breadcrumbs{color: #1e3859;} .mad_main5 .mad_breadcrumbs{color: #777;} .mad_main6 .mad_breadcrumbs{color: #555;} .mad_breadcrumbs nav, .mad_breadcrumbs nav > div{ display: inline-block; } .mad_breadcrumbs nav a{ color: #8ba9b7; padding-right: 15px; } .mad_main2 .mad_breadcrumbs nav a{color: #27a63d;} .mad_main3 .mad_breadcrumbs nav a{color: #2abfd4;} .mad_main4 .mad_breadcrumbs nav a{color: #82c213;} .mad_main5 .mad_breadcrumbs nav a{color: #f4bc16;} .mad_main6 .mad_breadcrumbs nav a{color: #5080bf;} .mad_breadcrumbs nav a:after{ content: ">"; padding-left: 15px; } /* ----------------------------------- 5. Lists and navigations ------------------------------------- */ /* Brand list */ .grid_list{margin-bottom: -30px;} .grid_list [class*="col-sm-"]{margin-bottom: 30px;} .grid_list [class*="col-sm-"] a img{width: 100%;} .mad_main6 .mad_section_bg1 .grid_list{margin-top: 50px;} .mad_main6 .mad_section_bg1 .grid_list .button{margin-top: 20px;} .mad_main6 .image_bg_section9 .grid_list{margin-bottom: 30px;} /* list with icons */ .mad_main2 .list_with_icons{margin-top: 50px;} .mad_main5 .list_with_icons{ background: url(../images/1920x675_bg.jpg) no-repeat #fff; -webkit-background-size: cover; background-size: cover; } .mad_main2 .list_with_icons ul{margin-top: 30px;} .list_with_icons ul li{ margin-bottom: 40px; padding-left: 90px; position: relative; } .list_with_icons ul li:last-child{margin-bottom: 0;} .list_with_icons ul li:before{ font-family: 'fontello'; position: absolute; left: 0; top: 0; width: 70px; height: 70px; font-size: 30px; border: 2px solid #27a63d; border-radius: 100px; color: #27a63d; background: transparent; text-align: center; line-height: 66px; } .list_with_icons ul li h5{ color: #3b3b3b; font-weight: bold; margin-bottom: 20px; } .mad_main5 .list_with_icons ul{margin: 140px 0;} .mad_main5 .list_with_icons ul li{ margin-top: 65px; padding-left: 90px; position: relative; } .mad_main5 .list_with_icons ul li:first-child{margin-top: 0;} .mad_main5 .list_with_icons ul li:before{ font-family: 'fontello'; position: absolute; left: 0; top: 0; width: 70px; height: 70px; font-size: 24px; border: 2px solid #f4bc16; border-radius: 100px; color: #f4bc16; background: transparent; text-align: center; line-height: 66px; } .mad_main5 .list_with_icons ul li h5{text-transform: none;} /* Product List */ .products_list ul li{ padding: 25px 0; line-height: 1.2em; border-bottom: 1px solid #f4f4f4; } .products_list ul li:first-child{padding-top: 0;} .products_list ul li > div{ position: relative; } .products_list ul li img, .products_list ul li .product_description{ display: inline-block; } .products_list ul li .product_description > div{font-size: 13px;} .products_list ul li img{ margin-right: 15px; } .products_list ul li .product_description{ color: #a6a5a6; width: calc(100% - 85px); } .products_list ul li .product_description a{ color: #333333; display: inline-block; font-weight: bold; padding: 0 10px 10px 0; } .mad_main2 .products_list ul li .product_description a, .mad_main5 .products_list ul li .product_description a{ color: #3b3b3b; } .mad_main3 .products_list ul li .product_description a{color: #353C42;} .mad_main4 .products_list ul li .product_description a{color: #1e3859;} .mad_main6 .products_list ul li .product_description a{color: #5080bf;} .products_list ul li .product_description .model{ line-height: 18px; } .products_list ul li .product_description .prise{width: 100%;} .products_list ul li .product_description .prise .f_right{ color: #2965b0; font-weight: bold; font-size: 14px; } .shopping_cart .total_price{ padding: 15px 0; color: #b92127; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #f4f4f4; } .mad_main2 .products_list ul li .product_description .prise .f_right{color: #27a63d;} .mad_main2 .shopping_cart .total_price{color: #de5b92;} .mad_main3 .products_list ul li .product_description .prise .f_right{color: #2965b0;} .mad_main3 .shopping_cart .total_price{color: #2abfd4;} .mad_main4 .products_list ul li .product_description .prise .f_right{color: #2c95ff;} .mad_main4 .shopping_cart .total_price{color: #82c213;} .mad_main5 .products_list ul li .product_description .prise .f_right{color: #666;} .mad_main5 .shopping_cart .total_price{color: #f4bc16;} .mad_main6 .products_list ul li .product_description .prise .f_right{color: #b92127;} .mad_main6 .shopping_cart .total_price{color: #5080bf;} .shopping_cart .sc_footer{ padding: 25px 0 20px; } .shopping_cart .sc_footer .button.type1{margin-right: 5px;} .shopping_cart p{ font-size: 13px; line-height: 18px; } .mad_main2 .close_product{color: #de5b92;} .mad_main2 .close_product:hover{color: #27a63d;} .mad_main3 .close_product{color: #2abfd4;} .mad_main3 .close_product:hover{color: #224687;} .mad_main4 .close_product{color: #82c213;} .mad_main4 .close_product:hover{color: #2c95ff;} .mad_main5 .close_product{color: #f4bc16;} .mad_main5 .close_product:hover{color: #666666;} .mad_main6 .close_product{color: #5080bf;} .mad_main6 .close_product:hover{color: #b92127;} .close_product{ font-weight: 300; background-color: transparent; color: #b92127; position: absolute; font-family: 'fontello'; right: 0; top: 0; } .close_product:hover{color: #2965b0;} .close_product:before{content: '\f06d';} .half_bg_block{position: relative;} .half_bg_block:before{ position: absolute; width: 100%; left: 0; top: 50%; background: #f9f9f9; content: ""; right: 0; height: 50%; } .half_bg_block.var2:before{top: 0;} /* Paginations */ .paginations{font-size: 0;} .paginations li{display: inline-block;} .paginations li:not(:last-child){margin-right: 2px;} .paginations li a{ width: 45px; height: 40px; text-align: center; line-height: 40px; font-family: 'fontello'; font-size: 16px; display: block; } .paginations li[class*="arrow_"] a{ background: #eeeeee; color: #8e8e8e; } .paginations li[class*="arrow_"] a:hover{ background: #2965b0; color: #fff; } .paginations li.sort a{ background: #2965b0; color: #fff; } .mad_main2 .paginations li.sort a, .mad_main2 .paginations li[class*="arrow_"] a{ border-radius: 5px; } .mad_main2 .paginations li.sort a, .mad_main2 .paginations li[class*="arrow_"] a:hover{ background: #27a63d; } .mad_main2 .paginations li.sort a:hover{background: #de5b92;} .mad_main3 .paginations li.sort a, .mad_main3 .paginations li[class*="arrow_"] a:hover{ background: #2abfd4; } .mad_main3 .paginations li.sort a:hover{background: #2965b0;} .mad_main4 .paginations li.sort a, .mad_main4 .paginations li[class*="arrow_"] a:hover{ background: #82c213; } .mad_main4 .paginations li.sort a:hover{background: #2c95ff;} .mad_main5 .paginations li.sort a, .mad_main5 .paginations li[class*="arrow_"] a:hover{ background: #f4bc16; } .mad_main5 .paginations li.sort a:hover{background: #666666;} .paginations li.sort a:hover{background: #b92127;} .paginations li.sort a:before{content: '\e857';} .paginations li.arrow_left a:before{content: '\ee00';} .paginations li.arrow_right a:before{content: '\ee01';} /* Social counter List */ .soc_count_list ul li i{ color: #e3e3e3; font-size: 18px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .soc_count_list ul li a:hover i{color: #b92127;} .mad_main2 .soc_count_list ul li a:hover i{color: #de5b92;} .mad_main3 .soc_count_list ul li a:hover i{color: #2abfd4;} .mad_main4 .soc_count_list ul li a:hover i{color: #82c213;} .mad_main5 .soc_count_list ul li a:hover i{color: #f4bc16;} .mad_main6 .soc_count_list ul li a:hover i{color: #5080bf;} /* Horisontal List */ .horisontal_list > ul > li:not(:last-child){margin-right: 15px;} .horisontal_list > ul > li{display: inline-block;} /* Vertical List */ .vertical_list > ul > li:not(:last-child){margin-bottom: 15px;} .vertical_list.var2 > ul > li:not(:last-child){margin-bottom: 30px;} .vertical_list > ul > li a{ color: #b92127; vertical-align: middle; } .vertical_list > ul > li a:hover{text-decoration: underline;} .mad_main2 .vertical_list > ul > li a{color: #de5b92;} .mad_main3 .vertical_list > ul > li a{color: #28a7ba;} .mad_main3 .vertical_list > ul > li{list-style: disc inside;} .mad_main3 #footer .vertical_list > ul > li{ color: #fff; font-size: 10px; } .mad_main4 .vertical_list > ul > li a{color: #82c213;} .mad_main5 .vertical_list > ul > li a{color: #f4bc16;} .mad_main6 .vertical_list > ul > li a{color: #5080bf;} .mad_main3 #footer .vertical_list > ul > li a{ font-size: 14px; margin-left: 10px; } .vertical_list.type2 > ul > li:not(:last-child){ padding-bottom: 25px; margin-bottom: 30px; border-bottom: 2px solid #f3f3f3; } .vertical_list.with_icon ul > li{list-style: none;} .vertical_list.with_icon ul > li a:before{ display: inline-block; margin-right: 10px; content: "\e8ea"; font-weight: bold; font-family: 'fontello'; } .vertical_list.with_icon ul > li:not(:last-child){margin-bottom: 20px;} .work_progress_line ul li{ display: inline-block; position: relative; margin-right: 105px; text-align: center; max-width: 140px; } .work_progress_line ul li h5{ margin-bottom: 0; color: #555; } .work_progress_line ul li:last-child{margin-right: 0;} .work_progress_line ul li:after{ position: absolute; content: ''; width: 65px; height: 140px; display: block; left: 100%; top: 0; margin-left: 20px; background: url(../images/right_arrow.png) no-repeat center; } .work_progress_line ul li:last-child:after{display: none;} .work_progress_line ul li .icon_item:hover{ color: #ec3238; background: transparent; } .work_progress_line ul li .icon_item{ font-family: 'fontello'; font-size: 48px; text-align: center; color: #fff; cursor: pointer; border: 2px solid #ec3238; border-radius: 150px; width: 140px; height: 140px; line-height: 134px; background: #ec3238; margin-bottom: 20px; position: relative; display: inline-block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .work_progress_line ul li .icon_item:before{ position: absolute; width: 35px; height: 35px; background: #fff; left: -17px; top: calc(50% - 17px); text-align: center; line-height: 35px; color: #ec3238; border-radius: 50px; font-size: 16px; font-family: 'Oxygen', sans-serif; font-weight: bold; } .work_progress_line ul li:nth-child(1) .icon_item:after{content: '\eff7';} .work_progress_line ul li:nth-child(1) .icon_item:before{content: '1';} .work_progress_line ul li:nth-child(2) .icon_item:after{content: '\ea71';} .work_progress_line ul li:nth-child(2) .icon_item:before{content: '2';} .work_progress_line ul li:nth-child(3) .icon_item:after{content: '\e979';} .work_progress_line ul li:nth-child(3) .icon_item:before{content: '3';} .work_progress_line ul li:nth-child(4) .icon_item:after{content: '\ea72';} .work_progress_line ul li:nth-child(4) .icon_item:before{content: '4';} .work_progress_line ul li:nth-child(5) .icon_item:after{content: '\ef5d';} .work_progress_line ul li:nth-child(5) .icon_item:before{content: '5';} .work_progress_line ul li h5{text-transform: none;} /* Service List 2 */ .mad_main6 .service_item_list{margin-top: 60px;} .service_item_list ul{margin-bottom: 40px;} .service_item_list ul li{ float: left; width: 25%; cursor: pointer; background: #5080bf; } .service_item_list ul li:nth-child(2){background: #628dc6;} .service_item_list ul li:nth-child(3){background: #7399cc;} .service_item_list ul li:nth-child(4){background: #85a6d2;} .service_item_list ul li .item_holder{min-height: 450px;} .service_item_list ul li .item_holder:before, .service_item_list ul li .item_holder:after{ display: none; } .service_item_list.post_area.type2 .caption_block{top: 40%;} .service_item_list.post_area.type2 .item_holder:hover .caption_block{ -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -o-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); } .service_item_list ul li .item_holder h4:before{ display: block; content: ''; height: 150px; background-position: center!important; } .service_item_list ul li:nth-child(1) .item_holder h4:before{background: url(../images/home_icon.png) no-repeat;} .service_item_list ul li:nth-child(2) .item_holder h4:before{background: url(../images/commercial_icon.png) no-repeat;} .service_item_list ul li:nth-child(3) .item_holder h4:before{background: url(../images/truck_icon.png) no-repeat;} .service_item_list ul li:nth-child(4) .item_holder h4:before{background: url(../images/storage_icon.png) no-repeat;} .service_item_list.post_area.type2 .item_desc p, .service_item_list.post_area.type2 .item_desc .button{ padding-top: 150px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .service_item_list.post_area.type2 .item_desc .button > span span:first-child{ background: #fff; color: #222222; } .service_item_list.post_area.type2 .item_holder:hover .item_desc .button{ -webkit-transition: padding-top .5s ease; -o-transition: padding-top .5s ease; transition: padding-top .5s ease; } .service_item_list.post_area.type2 .item_holder:hover .item_desc p, .service_item_list.post_area.type2 .item_holder:hover .button{ padding-top: 0; } /* Vertical List 2 */ .rev_slider_wrapper .vertical_list_type2{ position: absolute; z-index: 9; } .vertical_list_type2 ul li{margin-bottom: 25px;} .vertical_list_type2 ul li:last-child{margin-bottom: 0;} .vertical_list_type2 ul li:before{ content: "\e85b"; display: inline-block; margin-right: 20px; font-family: 'fontello'; color: #2bbfd4; font-size: 20px; vertical-align: middle; } .rev_slider_wrapper .vertical_list_type2 ul li:before{color: #274a8a;} .vertical_list_type2 .button_holder{margin-top: 45px;} .vertical_list_type2 .button_holder .button:first-child{margin-right: 5px;} .mad_main6 .vertical_list_type2 ul li{ font-weight: bold; margin-bottom: 15px; } .mad_main6 .vertical_list_type2 ul li:last-child{margin-bottom: 0;} .mad_main6 .vertical_list_type2 ul li:before{ color: #ec3238; font-weight: normal; } /* List with image */ .list_with_image > ul > li:not(:last-child){ padding-bottom: 20px; border-bottom: 1px solid #4c4c4c; margin-bottom: 20px; } .list_with_image ul li figure{ float: left; margin-right: 15px; } .list_with_image ul li > a{ color: #fff; padding-bottom: 15px; display: block; } .list_with_image ul li > a:hover{text-decoration: underline;} .mad_main5 #footer .list_with_image ul li > a{color: #f4bc16;} /* ----------------------------------- 6. Buttons ---------------------.button width: was 150 7/1/2020 nick---------------- */ .button{ display: inline-block; width: 150px; height: 40px; line-height: 42px; letter-spacing: 1px; position: relative; background: none; overflow: hidden; font-size: 16px; } .button > span{ display: block; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform-origin: 0 0; transform-origin: 0 0; } .button > span span{ position: absolute; width: 100%; height: 100%; display: block; opacity: 1; left: 0; top: 0; color: #fff; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.3s linear, background 0.3s linear; transition: transform 0.3s linear, background 0.3s linear; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; } .button > span span:nth-of-type(2){ -webkit-transform: rotateX(-90deg) translateZ(40px); transform: rotateX(-90deg) translateZ(40px); } .button:hover > span{ -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } .button.type1 > span span:first-child{background: #b92127;} .button.type1:hover > span span:nth-of-type(2){background: #2965b0;} // nick added 6/25/2020 .button.type4 > span span:first-child{background: ##B71C1C;} .button.type4:hover > span span:nth-of-type(2){background: ##FF7043;} .button.type2 > span span:first-child{background: #2965b0;} .button.type2:hover > span span:nth-of-type(2){background: #b92127;} .button.full_width{width: 100%;} .button.type3 > span span:first-child{ background: #fff; color: #2965b0; } .mad_main2 .button.type3 > span span:first-child{color: #27a63d;} .mad_main5 .button.type3 > span span:first-child{color: #3b3b3b;} .button.type3:hover > span span:nth-of-type(2){ color: #fff; background: #b92127; } .mad_main2 .button.type3:hover > span span:nth-of-type(2){background: #de5b92;} .mad_main4 .button.type3:hover > span span:nth-of-type(2){background: #82c213;} .button.size2{ width: 180px; height: 47px; line-height: 49px; font-size: 18px; text-transform: uppercase; } .mad_main4 .button.size2{ width: 180px; height: 47px; line-height: 45px; font-size: 20px; text-transform: none; } .mad_main6 .button.size2{ text-transform: none; line-height: 46px; } .button_section > div .button{margin-bottom: 15px;} .button_section .button{margin-right: 7px;} .mad_main3 .button{letter-spacing: 0;} .mad_main4 .button{ letter-spacing: 0; font-size: 16px; line-height: 39px; } .mad_main5 .button{ text-transform: uppercase; font-size: 16px; letter-spacing: 0.5px; } .mad_main6 .button{font-weight: bold;} .mad_main2 .button > span span{ color: #fff; border-radius: 5px; text-transform: uppercase; font-weight: bold; } .mad_main2 .button.type1 > span span:first-child{background: #de5b92;} .mad_main2 .button.type1:hover > span span:nth-of-type(2){background: #27a63d;} .mad_main2 .button.type2 > span span:first-child{background: #27a63d;} .mad_main2 .button.type2:hover > span span:nth-of-type(2){background: #de5b92;} .mad_main3 .button{background: transparent;} .mad_main3 .button > span span{ border-radius: 30px; text-transform: none; font-weight: normal; } .mad_main3 .button.type1 > span span:first-child{background: #2abfd4;} .mad_main3 .button.type2 > span span:first-child{background: #224687;} .mad_main3 .button.type2 > span span:nth-of-type(2){background: #2abfd4;} .mad_main4 .button.type1 > span span:first-child{background: #82c213;} .mad_main4 .button.type1 > span span:nth-of-type(2){background: #2c95ff;} .mad_main4 .button.type2 > span span:first-child{background: #2c95ff;} .mad_main4 .button.type2 > span span:nth-of-type(2){background: #82c213;} .mad_main5 .button.type1 > span span:first-child{ background: #f4bc16; color: #3b3b3b; } .mad_main5 .button.type1 > span span:nth-of-type(2){ background: #666666; color: #fff; } .mad_main5 .button.type2 > span span:first-child{ background: #666666; color: #fff; } .mad_main5 .button.type2 > span span:nth-of-type(2){ background: #f4bc16; color: #3b3b3b; } .mad_main5 .button.type3 > span span:nth-of-type(2){background: #666;} /* nick white on red button */ .mad_main5 .button.type4 > span span:first-child{ background: #E53935; /* first button */ color: #FFFFFF; } /* red text on white background flipped */ .mad_main5 .button.type4 > span span:nth-of-type(2){ background: #FFFFFF; color: #E53935; } /* nick white text on back */ .mad_main5 .button.type5 > span span:first-child{ background: #000000; /* first button */ color: #FFFFFF; } /* red text on white flipped */ .mad_main5 .button.type5 > span span:nth-of-type(2){ background: #FFFFFF; color: #E53935; } /* nick red text on white, red border for join and renew buttons */ .mad_main5 .button.type6 > span span:first-child{ background: #FFFFFF; color: #E53935; border: thin #FF0000 solid; font-weight: bold; } /* white text on red background flipped for join and renew buttons */ .mad_main5 .button.type6 > span span:nth-of-type(2){ background: #E53935; color: #FFFFFF; } /* nick red on white text page in use botton for members only button when on page */ .mad_main5 .button.type7 > span span:first-child{ background: #FFFFFF; /* first button */ color: #E53935; } /* nick white text on red background for join and renew buttons on page*/ .mad_main5 .button.type8 > span span:first-child{ background: #E53935; color: #FFFFFF; } /* red text on white, red border for join and renew buttons on page*/ .mad_main5 .button.type8 > span span:nth-of-type(2){ background: #FFFFFF; color: #E53935; border: thin #FF0000 solid; font-weight: bold; } .mad_main6 .button.type1 > span span:first-child{background: #5080bf;} .mad_main6 .button.type1 > span span:nth-of-type(2){background: #ec3238;} .mad_main6 .button.type2 > span span:first-child{background: #ec3238;} .mad_main6 .button.type2 > span span:nth-of-type(2){background: #5080bf;} .mad_main6 .button.type3 > span span:first-child{ background: #bababa; color: #fff; } .mad_main6 .button.type3 > span span:nth-of-type(2){background: #ec3238;} /* ----------------------------------- 7. Sliders ------------------------------------- */ /* Revolution Slider */ .tp-banner-container{ position: relative; } .rev_slider, .tp-banner-container{ width: 100%; z-index: 1; } .caption_type_1{ position: absolute; left: 0; top: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); width: 100%; -webkit-transition: all .4s ease; transition: all .4s ease; } .rev_slider_wrapper .tabs{ position: absolute; top: 165px; width: 360px; z-index: 99; } .rev_slider_wrapper .tabs h4{ text-transform: none; font-weight: bold; color: #b92127; margin-bottom: 30px; letter-spacing: 0; } .rev_slider_wrapper .contact_form input{ background: #fff; border-color: #eaeaea; } .rev_slider_wrapper .contact_form > ul > li{margin-bottom: 10px;} .rev_slider_wrapper .contact_form .custom_select, .rev_slider_wrapper .contact_form input{ width: calc(100% - 70px); } .rev_slider_wrapper .contact_form .button{ margin-top: 10px; width: 100%; font-size: 16px; } .tparrows.tp-leftarrow:before{content: '\ee00';} .tparrows.tp-rightarrow:before{content: '\ee01';} .tparrows{ position: absolute; top: calc(50% - 20px)!important; margin-top: 0!important; z-index: 20; opacity: 0; cursor: pointer; display: block; background: transparent; border: 2px solid #fff; width: 44px; height: 44px; line-height: 40px; font-weight: normal; font-size: 14px; text-align: center; color: #fff; font-family: 'fontello'; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .tp-banner-container .tparrows:hover{ background: #fff; color: #333; } /* Owl Carousel */ .mad_main .mad_section_bg1 .carousel_type_1 .owl-carousel, .mad_about_us .carousel_type_1 .owl-carousel{ margin-top: -125px; z-index: 5; } .owl-carousel .owl-item{overflow: hidden;} .mad_main2 .carousel_type_1 .owl-carousel{margin-top: 0;} .mad_main2 .carousel_type_1 .button{margin-top: 60px;} .mad_main4 .carousel_type_4 .button{margin-top: 40px;} .post_area.type2 .caption_block{ position: absolute; right: 0; left: 0; top: 50%; width: 100%; text-align: center; padding: 0 15px; z-index: 2; margin-top: -15px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .post_area.var2.type2 .caption_block{padding: 0 30px;} .mad_main2 .post_area .item_block{position: relative;} .mad_main2 .post_area .item_block .item_social{ padding: 15px 0; font-size: 14px; } .mad_main2 .post_area .item_block .item_social a{color: #de5b92;} .mad_main2 .post_area .item_block .item_social a:hover{text-decoration: underline;} .mad_main2 .post_area .item_block .item_info{ padding: 10px 0 0 20px; border-left: 2px solid #27a63d; color: #8d8d8d; min-height: 195px; } .mad_main2 .post_area .item_block .item_info h5{ font-family: 'Playfair Display', serif; font-size: 18px; font-weight: bold; color: #3b3b3b; text-transform: none; line-height: 30px; margin-bottom: 20px; } .mad_main2 .post_area .item_block .post_social_event{ font-size: 14px; padding-top: 10px; } .mad_main2 .post_area .item_block .post_social_event .f_left span{ color: #de5b92; padding-left: 5px; } .mad_main2 .post_area .item_block > div span{color: #999;} .mad_main2 .post_area .item_block .post_social_event a:hover:before{color: #de5b92;} .post_area.type2 .item_holder:hover .caption_block{ -webkit-transform: translateY(-50%) translate3d(0,0,0); -moz-transform: translateY(-50%) translate3d(0,0,0); -o-transform: translateY(-50%) translate3d(0,0,0); -ms-transform: translateY(-50%) translate3d(0,0,0); transform: translateY(-50%) translate3d(0,0,0); margin-top: 0; } .post_area.type2 .item_desc h5{ margin-bottom: 0; } .post_area.type2 .item_holder:hover .item_desc_inner{ opacity: 1; } .post_area.type2 .item_desc{color: #fff;} .post_area.type2 .item_desc .item_desc_inner{ opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .post_area.type2 .item_desc .item_desc_inner{ -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .post_area.type2 .item_desc h4{ color: #fff; margin-bottom: 20px; font-weight: normal; text-transform: none; } .post_area.type2 .item_desc p{margin-bottom: 30px;} .post_area.var2.type2 .item_desc p{margin-bottom: 20px;} .post_area.type2 .post_area .item_holder .item_img:before{background: none;} .post_area.type2 .social_icon_list ul li a{ background: #fff; color: #b92127; } .mad_main2 .post_area.type2 .social_icon_list ul li a{color: #de5b92;} .mad_main3 .post_area.type2 .social_icon_list ul li a{color: #2abfd4;} .mad_main4 .post_area.type2 .social_icon_list ul li a{color: #82c213;} .mad_main5 .post_area.type2 .social_icon_list ul li a{color: #f4bc16;} .mad_main6 .post_area.type2 .social_icon_list ul li a{color: #5080bf;} .owl-carousel .owl-nav > [class*="owl-"]{ background: #b92127; font-family: 'fontello'; font-size: 14px; color: #fff; top: calc(50% - 17px); display: block; height: 35px; width: 35px; text-align: center; line-height: 35px; position: absolute; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .mad_main2 .owl-carousel .owl-nav > [class*="owl-"]{ background: #d0d0d0; border-radius: 5px; } .mad_main2 .mad_section_bg1 .carousel_type_1 .owl-carousel .owl-nav > [class*="owl-"]{top: 110px;} .mad_main2.mad_elements .mad_about_us .owl-carousel .owl-nav > [class*="owl-"]{top: calc(50% - 17px);} .mad_main3 .owl-carousel .owl-nav > [class*="owl-"]{background: #2abfd4;} .mad_main4 .owl-carousel .owl-nav > [class*="owl-"]{background: #82c213;} .mad_main4 .owl-carousel .owl-nav > [class*="owl-"]:hover{background: #2c95ff;} .mad_main5 .owl-carousel .owl-nav > [class*="owl-"]{background: #f4bc16;} .mad_main5 .owl-carousel .owl-nav > [class*="owl-"]:hover{background: #666;} .mad_main6 .owl-carousel .owl-nav > [class*="owl-"]{background: #5080bf;} .mad_main6 .owl-carousel .owl-nav > [class*="owl-"]:hover{background: #ec3238;} .owl-carousel .owl-nav > [class*="owl-"]:hover{background: #2965b0;} .mad_main2 .owl-carousel .owl-nav > [class*="owl-"]:hover{background: #27a63d;} .carousel_type_1 .owl-carousel .owl-prev{ right: 100%; margin-right: 20px; } .mad_main2 .carousel_type_1 .owl-carousel [class*="owl-"]{margin: 0;} .mad_main2 .carousel_type_1 .owl-carousel .owl-prev{left: -40px;} .owl-carousel .owl-prev:before{content: '\ee00';} .carousel_type_1 .owl-carousel .owl-next{ left: 100%; margin-left: 20px; } .mad_main2 .carousel_type_1 .owl-carousel .owl-next{right: -40px;} .owl-carousel .owl-next:before{content: '\ee01';} .carousel_type_1 .owl-carousel .owl-item{padding: 0 10px;} .mad_main2 .carousel_type_1 .owl-carousel .owl-item{padding: 0 15px;} .carousel_type_1{margin: 0 -10px;} .mad_main2 .carousel_type_1{margin: 0 -15px;} .mad_elements carousel_type_3 .owl-nav > [class*="owl-"], #sidebar .owl-carousel .owl-nav > [class*="owl-"]{ top: 0!important; } .carousel_type_2{padding: 45px 35px;} .carousel_type_2 .owl-carousel .owl-item .item_holder{ display: table; width: 100%; min-height: 87px; } .carousel_type_2 .owl-carousel .owl-item .item_holder > div{ vertical-align: middle; display: table-cell; text-align: center; } .carousel_type_2 .owl-carousel .owl-item .item_holder > div a{display: inline-block;} .carousel_type_2 .owl-carousel .owl-item img{ width: auto!important; display: inline-block; } .carousel_type_2 .owl-carousel .owl-prev{left: -35px;} .carousel_type_2 .owl-carousel .owl-next{right: -35px;} .carousel_type_3{position: relative;} .carousel_type_3 .owl-carousel .owl-nav{ position: absolute; top: -60px; right: 0; } .carousel_type_3 .owl-carousel .owl-prev, .carousel_type_3 .owl-carousel .owl-next{ display: inline-block; position: relative; } .carousel_type_3 .owl-carousel .owl-prev{margin-right: 2px;} .mad_main3 [class*="image_bg_section"] .carousel_type_3 .owl-carousel .owl-nav{ top: auto; bottom: -35px; } .mad_elements[class*="mad_main"] .carousel_type_3 .owl-carousel .owl-nav{bottom: auto;} .mad_main3 .carousel_type_3 .owl-carousel .owl-nav > [class*="owl-"]{background: #2abfd4;} .mad_main3 .carousel_type_3 .owl-carousel .owl-nav > [class*="owl-"]:hover{background: #224687;} .mad_main3 .carousel_type_3 .owl-carousel .owl-prev{margin-right: 4px;} .carousel_type_4 .owl-carousel .owl-prev{left: 15px;} .carousel_type_4 .owl-carousel .owl-next{right: 15px;} .mad_main4 .carousel_type_4 .owl-carousel .owl-nav > [class*="owl-"]{background: #82c213;} .mad_main4 .carousel_type_4 .owl-carousel .owl-nav > [class*="owl-"]:hover{background: #2c95ff;} .mad_main6 .carousel_type_2{padding: 0 35px;} .with_thumbs .owl-theme .owl-controls{text-align: center;} .with_thumbs .owl-theme .owl-dots{ display: inline-block; margin-top: 30px; } .with_thumbs .owl-theme .owl-dots .owl-dot{ display: inline-block; zoom: 1; } .with_thumbs .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #ffffff;} .with_thumbs .owl-theme .owl-dots .owl-dot span{ width: 10px; height: 10px; margin: 5px 7px; background: transparent; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 3px solid #fff; } .review_post .owl-carousel .owl-nav, .mad_main5 .carousel_type_4 .owl-nav, .mad_main6 .carousel_type_4 .owl-nav{ display: none; } .mad_main6 .with_thumbs .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #dcdcdc;} .with_thumbs .owl-theme .owl-dots .owl-dot span{border: 2px solid #dcdcdc;} .product_page .owl-carousel .owl-nav{ position: absolute; right: 0; height: 100%; padding-left: 10px; top: 0; background: #fff; } .product_thumbnails_wrap{ margin-left: -45px; position: relative; } .product_page .owl-carousel .owl-controls .owl-nav .owl-prev, .product_page .owl-carousel .owl-controls .owl-nav .owl-next{ position: relative; top: 0; } .product_carousel.owl-carousel .owl-item img{ opacity: 0.5; width: 83px; height: 83px; } .product_carousel.owl-carousel .owl-item .active img{opacity: 1;} .product_page .owl-carousel .owl-controls .owl-nav .owl-prev{margin-bottom: 10px;} .product_page .product_item{ margin-bottom: 20px; overflow: hidden; } /* ----------------------------------- 8. Main elements ------------------------------------- */ /* Submit block */ .submit_section{ position: absolute; display: inline-block; text-align: center; left: calc(50% - 205px); top: calc(50% - 146px); width: 410px; background: #fff; border-radius: 5px; padding: 45px 30px 40px; } .submit_section .button{margin-top: 30px;} .submit_section h3{ color: #3b3b3b; font-weight: 600; margin-bottom: 25px; } .submit_section h3 span{font-weight: 800;} /* Twitter */ .tweet_list > li{ margin-bottom: 15px; padding-bottom: 15px; position: relative; border-bottom: 1px solid #f5f5f5; line-height: 24px; } #twitter a, #twitter2 a{ color: #b92127; } #twitter a:hover, #twitter2 a:hover{ text-decoration: underline; } .mad_main2 #twitter a, .mad_main2 #twitter2 a{ color: #de5b92; } .mad_main3 #twitter a, .mad_main3 #twitter2 a{ color: #2abfd4; } .mad_main4 #twitter a, .mad_main4 #twitter2 a{ color: #82c213; } .mad_main5 #twitter a, .mad_main5 #twitter2 a{ color: #3b3b3b; } .mad_main6 #twitter a, .mad_main6 #twitter2 a{ color: #222; } .mad_main4 #twitter2 .tweet_list > li{ color: #77797c; border-color: #f5f5f5; } .mad_main4 #twitter .tweet_list > li{ color: #fff; border-color: #294274; } .mad_main6 .tweet_list > li{ color: #555; border-color: #f5f5f5; } .tweet_list > li:last-child{ border: none; padding-bottom: 0; margin-bottom: 0; } /* Popup */ .popup_holder{ display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; background: rgba(0,0,0,.5); text-align: center } .popup_holder:after{ display: inline-block; width: 0; height: 100%; vertical-align: middle; content: '' } .popup_holder .popup{ padding: 0; background: #fff; display: inline-block; vertical-align: middle; position: relative; text-align: left; } #closePopup, .closePopup{ position: absolute; right: 13px; top: 13px; font-family: 'fontello'; font-size: 18px; color: #3b3b3b; -webkit-transition: color .35s ease; -o-transition: color .35s ease; transition: color .35s ease; } #closePopup:before, .closePopup:before{ content: '\f06d'; } #closePopup:hover, .closePopup:hover{ color: #b92127; } .mad_main2 #closePopup:hover, .mad_main2 .closePopup:hover{ color: #de5b92; } .mad_main3 #closePopup:hover, .mad_main3 .closePopup:hover{ color: #2abfd4; } .mad_main4 #closePopup:hover, .mad_main4 .closePopup:hover{ color: #82c213; } .mad_main5 #closePopup:hover, .mad_main5 .closePopup:hover{ color: #f4bc16; } .mad_main6 #closePopup:hover, .mad_main6 .closePopup:hover{ color: #5080bf; } /* Tabs */ .tabs_conrainer{position: relative;} .tabs_nav{float: left;} .tabs_nav li{ float: left; margin-right: 2px; } .tabs_nav li:last-child{margin-right: 0;} .tabs_nav li a{ display: block; font-size: 14px; padding: 10px 20px; color: #fff; background: #b92127; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .tabs_nav li a:hover, .tabs_nav li.ui-tabs-active a{ color: #fff; background: #2965b0; } .mad_main2 .tabs_nav li a{background: #de5b92;} .mad_main2 .tabs_nav li a{border-radius: 5px 5px 0 0;} .mad_main2 .tabs_nav li a:hover, .mad_main2 .tabs_nav li.ui-tabs-active a{ background: #27a63d; } .mad_main3 .tabs_nav li a{background: #2abfd4;} .mad_main3 .tabs_nav li a:hover, .mad_main3 .tabs_nav li.ui-tabs-active a{ background: #224687; } .mad_main4 .tabs_nav li a{background: #82c213;} .mad_main4 .tabs_nav li a:hover, .mad_main4 .tabs_nav li.ui-tabs-active a{ background: #2c95ff; } .mad_main5 .tabs_nav li a{background: #f4bc16;} .mad_main5 .tabs_nav li a:hover, .mad_main5 .tabs_nav li.ui-tabs-active a{ background: #666; } .mad_main6 .tabs_nav li a{background: #5080bf;} .mad_main6 .tabs_nav li a:hover, .mad_main6 .tabs_nav li.ui-tabs-active a{ background: #ec3238; } .tabs_content > [id*="tab-"]{ border: 1px solid #eaeaea; padding: 20px; } .mad_main2 .tabs_content > [id*="tab-"]{border-radius: 0 5px 5px 5px;} .tabs_content > [id*="tab-"] figure{ float: left; margin-right: 20px; padding-bottom: 10px; } .tabs.vertical .tabs_content{ overflow: hidden; margin-left: -1px; z-index: 1; position: relative; } .tabs.vertical .tabs_nav{ margin-right: -1px; z-index: 2; } .tabs.vertical .tabs_nav li{ float: none; margin-right: 0; margin-bottom: 1px; } .tabs.vertical .tabs_nav li a{ padding: 10px 68px; } .mad_main2 .tabs.vertical .tabs_nav li a{border-radius: 5px 0 0 5px;} .rev_slider_wrapper .tabs{background: #fefeff;} .rev_slider_wrapper .tabs .tabs_nav{float: none;} .rev_slider_wrapper .tabs .tabs_content{padding: 35px 25px 35px 30px;} .rev_slider_wrapper .tabs_content > [id*="tab-"]{ border: none; padding: 0; } .rev_slider_wrapper .tabs .tabs_content p{color: #fff;} .rev_slider_wrapper .tabs .tabs_nav > li{ float: left; width: 50%; margin-right: 0; } .rev_slider_wrapper .tabs .tabs_nav > li > a{ text-transform: uppercase; color: #fff; font-weight: bold; padding: 15px 0; background: #2965b0; display: block; text-align: center; letter-spacing: 1px; } .rev_slider_wrapper .tabs .tabs_nav > li.ui-tabs-active > a{ background: transparent; color: #333333; } /* Lists */ [class*="default_list_"]{ margin-bottom: 20px; } [class*="default_list_"] li{ margin-top: 5px; } [class*="default_list_"] li:first-child{ margin-top: 0; } [class*="default_list_"] li{ font-weight: 300; display: block; vertical-align: middle; position: relative; } [class*="default_list_"] li:before{ font-family: 'fontello'; display: inline-block; margin-right: 10px; vertical-align: middle; color: #b92127; font-weight: normal; } .default_list_numb li span{ float: left; vertical-align: middle; padding-right: 10px; color: #b92127; } .default_list_arrow li:before{ content: '\e8e4'; font-size: 14px; } .default_list_check li:before{ content: '\e859'; font-size: 12px; } .default_list_disk li:before{ content: '\eb01'; font-size: 24px; } .default_list_plus li:before{ content: '\e860'; font-size: 11px; } .default_list_star li:before{ content: '\e845'; font-size: 12px; } .default_list_numb li{ list-style-position: inside; } .image_bg_section1 .few_col_list, .image_bg_section1 .few_col_list .button{ margin-top: 35px; } [class*="image_bg_section"] [class*="default_list_"] li{color: #fff;} .few_col_list [class*="default_list_"]{ min-width: 175px; margin-right: 30px; display: inline-block; } .few_col_list [class*="default_list_"]:last-child{margin-right: 0;} .few_col_list .default_list_icon li:not(:first-child){margin-top: 15px;} .mad_main2 [class*="default_list_"] li:before, .mad_main2 .default_list_numb li span{ color: #de5b92; } .mad_main3 [class*="default_list_"] li:before, .mad_main3 .default_list_numb li span{ color: #2abfd4; } .mad_main4 .mad_section_bg1 .default_list_check li{ font-weight: normal; margin-top: 15px; } .mad_main4 .mad_section_bg2 .default_list_check li:first-child{margin-top: 0;} .mad_main4 [class*="default_list_"] li:before, .mad_main4 .default_list_numb li span{ color: #2c95ff; } .mad_main5 [class*="default_list_"] li:before, .mad_main5 .default_list_numb li span{ color: #f4bc16; } .mad_main6 [class*="default_list_"] li:before, .mad_main6 .default_list_numb li span{ color: #5080bf; } /*----------- Pricing menu --------------*/ .pricing_menu{margin: -55px 0 0 -50px;} .pricing_menu .pricing_item{ position: relative; display: inline-block; margin-left: 50px; margin-top: 55px; background: #f5f5f5; width: 180px; height: 180px; text-align: center; } .pricing_menu .pricing_item .pricing_inner{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; } .pricing_menu .pricing_item .pricing_inner h2{ font-size: 60px; color: #2abfd4; } .pricing_menu .pricing_item .pricing_inner h5, .pricing_menu .pricing_item .pricing_inner h2{ margin-bottom: 0; text-transform: none; font-weight: normal; } .pricing_menu .pricing_item .pricing_inner h5{ font-size: 18px; color: #3b5790; } /*----------- Custom Select --------------*/ .custom_select .select_title{ cursor: pointer; padding: 10px 10px; border: 1px solid #e8e8e8; background: #fff; z-index: 1; width: 100%; height: 40px; } .custom_select .select_list{ position: absolute; left: 0; top: 100%; cursor: pointer; background: #fff; z-index: 5; display: none; width: 100%; border: 1px solid #f2f2f2; border-top: none; } .custom_select .select_list li{ padding: 10px 15px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .custom_select .select_list li:hover{ background: #2965b0; color: #fff; } .mad_main2 .custom_select .select_list li:hover{background: #de5b92;} .mad_main3 .custom_select .select_list li:hover{background: #2abfd4;} .mad_main4 .custom_select .select_list li:hover{background: #82c213;} .mad_main5 .custom_select .select_list li:hover{background: #f4bc16;} .mad_main6 .custom_select .select_list li:hover{background: #5080bf;} .custom_select .select_title:before{ content: '\e8e1'; font-family: 'fontello'; position: absolute; top: 0; right: 0; line-height: 40px; padding: 0 15px; } .custom_select .select_title.active:before{ content: '\e8e2'; } /*----------- Item option with icon --------------*/ .item_option{ position: relative; width: 100%; color: #fff; text-align: left; padding-left: 65px; } .mad_main6 .item_option{ padding-left: 0; padding-right: 65px; color: #555555; text-align: right; } .mad_main6 .col-sm-4:nth-child(3n) .item_option{ text-align: left; padding-left: 65px; padding-right: 0; } .item_option:before{ font-family: 'fontello'; font-size: 45px; position: absolute; top: 10px; left: 0; } .mad_main6 .item_option:before{ left: auto; right: 0; } .mad_main6 .col-sm-4:nth-child(3n) .item_option:before{ left: 0; right: auto; } .item_option h5{ font-size: 14px; font-weight: bold; } .mad_main6 .item_option h5{ color: #ec3238; font-size: 16px; font-weight: bold; text-transform: none; margin-bottom: 20px; } .mad_main6 .item_option:before{color: #ec3238;} .mad_main6 .grid_list [class*="col-sm-"]{margin-bottom: 45px;} /*----------- Newsletter --------------*/ #newsletter{position: relative;} #newsletter input{ padding: 10px 60px 10px 20px; border: none; background: #fff; } #newsletter button{ position: absolute; right: 0; top: 0; line-height: 40px; padding: 0 20px; font-family: 'fontello'; background: transparent; color: #cbcbcb; } #newsletter button:before{content: "\ed2c";} #newsletter input::-webkit-input-placeholder{font-size: 14px;} #newsletter::-moz-placeholder{font-size: 14px;} #newsletter.contact_form.var2 input{ background: #fff; border: 1px solid #eaeaea; } #newsletter.contact_form.var2 .button{float: right;} #newsletter.contact_form.var2 button:before{ content: '\e800'; color: #2965b0; font-weight: bold; } .mad_main2 #newsletter.contact_form.var2 .button{margin-left: 5px;} .mad_main2 #newsletter.contact_form.var2 button:before{color: #27a63d;} .mad_main4 #newsletter.contact_form.var2 button:before{color: #2c95ff;} .mad_main5 #newsletter.contact_form.var2 button:before{color: #666666;} .mad_main6 #newsletter.contact_form.var2 button:before{color: #ee2d32;} #newsletter.contact_form.var2 input::-webkit-input-placeholder, #newsletter.contact_form.var2 textarea::-webkit-input-placeholder{ color: #b5b5b5; } #newsletter.contact_form.var2 input::-moz-placeholder, #newsletter.contact_form.var2 textarea::-moz-placeholder{ color: #b5b5b5; } /*----------- Back to top --------------*/ .go-to-top{ background: #b92127; bottom: 10%; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; width: 35px; height: 35px; left: auto; opacity: 0; visibility: hidden; line-height: 35px !important; position: fixed; right: 100px; text-align: center; top: auto; z-index: 100; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .mad_main2 .go-to-top{ border-radius: 5px; background: #de5b92; color: #fff; } .mad_main3 .go-to-top{background: #2abfd4;} .mad_main4 .go-to-top{background: #2c95ff;} .mad_main5 .go-to-top{ background: #f4bc16; color: #42403a; } .mad_main6 .go-to-top{background: #5080bf;} .go-to-top.go-top-visible{ right: 30px; opacity: 1; visibility: visible; } .go-to-top:before{ font-family: 'fontello'; content: '\e8eb'; } .go-to-top:hover{background: #2965b0;} .mad_main2 .go-to-top:hover{background: #27a63d;} .mad_main4 .go-to-top:hover{background: #82c213;} .mad_main5 .go-to-top:hover{ background: #666666; color: #fff; } .mad_main6 .go-to-top:hover{background: #ee2d32;} .go-to-top:hover:before{color: #fff;} .go-top-visible{display: block;} /*----------- Titles --------------*/ .widget_title{ margin-bottom: 35px; font-size: 16px; font-weight: bold; letter-spacing: 1px; } .mad_main2 .widget_title{font-size: 16px;} .main_title{ font-size: 48px; color: #333333; padding: 0 0 30px; position: relative; text-align: center; margin-bottom: 50px; position: relative; font-weight: 300; background: url(../images/title_sep.png) bottom center no-repeat; } .main_title.no_space{padding-top: 0;} .mad_main2 .main_title, .mad_main5 .main_title, .mad_main6 .main_title{ color: #3b3b3b; background: none; } .mad_main2 .main_title{ font-size: 36px; text-transform: none; } .mad_main5 .main_title{ font-size: 30px; font-weight: bold; } .mad_main2 .main_title:before, .mad_main5 .main_title:before, .mad_main6 .main_title:before{ content: ""; position: absolute; top: 100%; left: calc(50% - 35px); display: block; width: 70px; height: 2px; } .mad_main2 .main_title:before{ background: #de5b92; height: 3px; } .mad_main5 .main_title:before{background: #f4bc16;} .mad_main4 .main_title{ font-size: 30px; text-transform: none; color: #1e3859; padding-bottom: 0; background: none; } .mad_main4 [class*="col-"] .main_title{text-align: left;} .mad_main4 .mad_section_bg2 p{ font-size: 18px; font-weight: normal; margin-bottom: 25px; } .mad_main6 .main_title{ display: inline-block; padding-bottom: 10px; color: #5080bf; font-weight: bold; text-transform: none; font-size: 48px; } .mad_main6 h3.main_title{font-size: 36px;} .mad_main6 .main_title:before{ background: #5080bf; height: 3px; width: 100%; left: 0; } .mad_main4 .mad_section_bg2 figure{margin-bottom: 20px;} .mad_main4 .mad_section_bg2 figure img{width: 100%;} .mad_section_bg2 .main_title, .mad_section_bg2, .mad_main4 .mad_section_bg2 .default_list_check li{ color: #fff; } .mad_main4 .mad_section_bg2 .default_list_check{margin: 30px 0 0;} .divider_icon{ background: url(../images/title_sep.png) bottom center no-repeat; height: 3px; } .mad_main2 .divider_icon{ background: #de5b92; width: 70px; } .mad_main3 .divider_icon{ background: #e3e3e3; height: 2px; width: 100px; } .mad_main4 .divider_icon{display: none;} .mad_main5 .divider_icon{ background: #f4bc16; width: 70px; height: 2px; } .mad_main6 .divider_icon{ background: #5080bf; width: 100%; } .divider{border-bottom: 1px solid #f2f2f2;} .divider2{border-bottom: 1px solid #000;} .mad_elements .divider_list{margin-bottom: 40px;} .divider_list li:not(:last-child){margin-bottom: 15px;} .mad_main3 .main_title{ color: #353c42; position: relative; font-size: 36px; background: none; text-transform: none; } .mad_main3 .rev_slider .main_title{color: #224687;} .mad_main3 .rev_slider .tp-caption.text2 .main_title{ color: #fff; font-size: 48px; font-weight: bold; padding-bottom: 0; text-align: center; line-height: 48px; } .mad_main3 .rev_slider .tp-caption.text .main_title:before{background: #fff;} .mad_main3 .rev_slider .tp-caption.text2 .main_title:before{display: none;} .mad_main3 .rev_slider .tp-caption.text2{text-align: center;} .mad_main3 .main_title:before{ content: ""; position: absolute; top: 100%; left: 0; background: #e3e3e3; height: 2px; width: 100px; } .mad_main3 .main_title{text-align: left;} .mad_main3 .main_title.title_center{text-align: center;} .mad_main3 .main_title.title_center:before{left: calc(50% - 50px);} .mad_main3 .main_title span{font-weight: 300;} /*----------- Accordion --------------*/ .accordion_item{ overflow: hidden; } .accordion_item .a_content{ padding: 20px; border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea; } .accordion_item h5{margin-bottom: 0;} .a_title{ position: relative; cursor: pointer; text-transform: uppercase; font-weight: bold; padding: 18px 60px 18px 20px; background: transparent; border: 1px solid #eaeaea; color: #333; border-bottom: none; /*font-size: 14px;*/ letter-spacing: .6px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .mad_main2 .a_title.active{border-radius: 5px 5px 0 0;} .accordion_item:last-child .a_title.active{border-bottom: 1px solid #f3f3f3;} .accordion_item:last-child{border-bottom: 1px solid #eaeaea;} .mad_main2 .accordion_item:last-child{border-radius: 0 0 5px 5px;} .a_title:after{ position: absolute; top: calc(50% - 11px); right: 20px; background: #2965b0; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #fff; display: block; font-family: 'fontello'; content: '\e8ec'; font-size: 12px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .mad_main2 .a_title:after{border-radius: 5px;} .a_title:hover:after{background: #b92127;} .a_title:before{ display: inline-block; margin-right: 10px; color: #b92127; } .mad_main2 .a_title:before{color: #de5b92;} .mad_main3 .a_title:before{color: #2abfd4;} .mad_main4 .a_title:before{color: #82c213;} .mad_main5 .a_title:before{color: #f4bc16;} .mad_main6 .a_title:before{color: #5080bf;} .a_title.active{ background: #f9f9f9; border: 1px solid #f3f3f3; } .a_title.active:after{ background: #2965b0; content: '\e8eb'; } .mad_main2 .a_title{color: #3b3b3b;} .mad_main2 .a_title:after{background: #de5b92;} .mad_main2 .a_title:hover:after{background: #27a63d;} .mad_main3 .a_title{color: #353C42;} .mad_main3 .a_title:after{background: #2abfd4;} .mad_main3 .a_title:hover:after{background: #224687;} .mad_main4 .a_title{color: #1e3859;} .mad_main4 .a_title:after{background: #82c213;} .mad_main4 .a_title:hover:after{background: #2c95ff;} .mad_main5 .a_title{color: #3b3b3b;} .mad_main5 .a_title:after{background: #f4bc16;} .mad_main5 .a_title:hover:after{background: #666;} .mad_main6 .a_title{color: #222;} .mad_main6 .a_title:after{background: #5080bf;} .mad_main6 .a_title:hover:after{background: #ec3238;} .a_title.active .minus_icon{ opacity: 1; } .a_title.active .plus_icon{ opacity: 0; } .a_title [class*="us_icon"]{ position: absolute; right: 0; height: 100%; } .a_title .minus_icon{ opacity: 0; } .a_title .minus_icon, .a_title .plus_icon{ font-family: 'fontello'; font-weight: normal; color: #3e454c; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .a_title .plus_icon:before{ content: "\f196"; } .a_title .minus_icon:before{ content: "\f147"; } /*----------- Alert boxes --------------*/ .alert{ padding: 14px 35px 13px 20px; margin-bottom: 10px; background: #b92127; font-weight: 300; color: #fff; } .mad_main2 .alert{border-radius: 5px;} .alert.alert-success{ background: #6dca4d; } .alert.alert-info{ background: #2965b0; } .alert.alert-error{ background: #4d1e1e; } .alert .close, .alert .button{ position: relative; right: -22px; } .alert .button{ float: right; right: -15px; } .alert .button i{ min-width: inherit; } button.close{ cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .close{ float: right; font-size: 25px; font-weight: bold; color: #fff; } /*----------- Tables --------------*/ table{width: 100%;} table tr th{ text-transform: uppercase; color: #333333; font-weight: bold; background: #f9f9f9; } .mad_main2 table tr th, .mad_main5 table tr th{ color: #3b3b3b; } .mad_main3 table tr th{color: #353c42;} .mad_main4 table tr th{color: #1e3859;} .mad_main6 table tr th{color: #222;} table tr th, table tr td{ text-align: left; } .mad_elements .mad_section.inset2 .table_type_1 tr th{width: 30%;} .mad_elements .mad_section.inset2 .table_type_1 tr th:nth-child(2n){width: 40%;} .table_type_1 tr th, .table_type_1 tr td{ padding: 14px 25px; } .table_type_1 tr:first-child{ border: 1px solid #f3f3f3; border-bottom: none; } .table_type_1 tr th:not(:last-child){ border-right: 1px solid #eaeaea; } .mad_main2 .table_type_1 tr:first-child th:last-child{border-top-right-radius: 5px;} .mad_main2 .table_type_1 tr:first-child th:first-child{border-top-left-radius: 5px;} .mad_main2 .table_type_1 tr:last-child td:last-child{border-bottom-right-radius: 5px;} .mad_main2 .table_type_1 tr:last-child td:first-child{border-bottom-left-radius: 5px;} .mad_main2 .table_type_1.horisontal tr:last-child th{border-bottom-left-radius: 5px;} .mad_main2 .table_type_1.horisontal tr:first-child td{border-top-right-radius: 5px;} .mad_main2 .table_type_1.horisontal tr:last-child td{border-bottom-right-radius: 5px;} .table_type_1 tr td:first-child{border-left: 1px solid #eaeaea;} .table_type_1 tr td{ border-right: 1px solid #eaeaea; } .table_type_1 tr:last-child td{border-bottom: 1px solid #eaeaea;} .table_type_1 tr td{ border-top: 1px solid #eaeaea; } .mad_elements .table_type_1 tr:last-child td{font-weight: 600;} .table_type_1.horisontal tr th{ border: 1px solid #f3f3f3; } .table_type_1.horisontal tr th{width: 180px;} .table_type_1.horisontal tr th, .table_type_1.horisontal tr td{ padding: 12px 25px; } .table_type_1.horisontal tr td{padding-left: 15px;} .pricing_table tr:first-child th{background: #b92127;} .mad_main2 .pricing_table tr:first-child th{background: #27a63d;} .mad_main3 .pricing_table tr:first-child th{background: #2abfd4;} .mad_main4 .pricing_table tr:first-child th{background: #82c213;} .mad_main5 .pricing_table tr:first-child th{background: #f4bc16;} .mad_main6 .pricing_table tr:first-child th{background: #5080bf;} .pricing_table tr:first-child th:first-child{width: 70%;} .pricing_table tr th, .pricing_table tr td{ padding: 20px; } .pricing_table tr th, [class*="mad_main"] .pricing_table tr th{ text-transform: uppercase; font-weight: bold; color: #fff; } .pricing_table tr td{border-bottom: 2px solid #f3f3f3;} .table_type_1.var2 tr th:not(:last-child), .table_type_1.var2 tr td:not(:last-child){ border-right-color: transparent!important; } .table_type_1 tr td.payment span{position: relative;} .table_type_1 tr td.payment span:after{ position: absolute; content: ''; background: url(../images/paypal_icon.png) no-repeat; top: -2px; left: 100%; width: 39px; height: 27px; margin-left: 10px; } .table_type_1.var2 tr td{vertical-align: middle;} .table_type_1.var2 tr th:first-child{width: 390px;} .table_type_1.var2 tr th:nth-child(2){width: 80px;} .table_type_1.var2 tr th:nth-child(3){width: 180px;} .table_type_1.var2 tr:last-child td{font-weight: normal;} .table_type_1.var2 tr:last-child td .button{margin-left: 10px;} .product_name figure, .product_name a{ display: inline-block; vertical-align: middle; } .product_name a{padding-left: 20px;} .product_name a:hover h5{text-decoration: underline;} .product_name a h5{ margin-bottom: 0; text-transform: none; font-weight: 600; } /* Quantity */ .quantity{ text-align: center; } .quantity > * { height: 40px; } .quantity button{ width: 40px; line-height: 45px; display: block; float: left; background: #eeeeee; font-weight: bold; color: #8e8e8e; font-size: 20px; } .quantity input[type=text] { border: none; border-left: 1px solid #fff; border-right: 1px solid #fff; text-align: center; background: #2965b0; float: left; color: #fff; width: 40px; padding: 0; } .mad_main2 .quantity input[type=text]{background: #27a63d;} .mad_main3 .quantity input[type=text]{background: #2abfd4;} .mad_main4 .quantity input[type=text]{background: #2c95ff;} .mad_main5 .quantity input[type=text]{background: #666666;} .mad_main6 .quantity input[type=text]{background: #ee2d32;} /*----------- Comment form --------------*/ .comment_form{ background: #2a2a2a; padding: 35px; } .mad_main2 .comment_form{border-radius: 5px;} .comment_form .button{margin-top: 30px;} .comment_form ul > li:not(:last-child){margin-bottom: 20px;} .comment_form textarea{height: 90px;} .comment_form label{ color: #fff; padding-bottom: 10px; display: block; } /*----------- Reviews --------------*/ .mad_main2 .reviews_section .main_title{margin-bottom: 70px;} .reviews_section h4{ text-transform: none; margin-bottom: 15px; } .reviews h2{text-transform: none;} .reviews_section span{ color: #a8a8a8; padding-left: 10px; } .reviews_section p{padding-top: 20px;} .reviews_section .button{margin-top: 40px;} /* Rating list */ .rating_list{display: inline-block;} .rating_list li{ float: left; position: relative; margin-left: 1px; font-size: 14px; font-family: 'fontello'; display: inline-block; } .rating_list li:before{content: '\e845';} .mad_main .rating_list li{color: #b92127;} .mad_main2 .rating_list li{color: #de5b92;} .mad_main3 .rating_list li{color: #2abfd4;} .mad_main4 .rating_list li{color: #82c213;} .mad_main5 .rating_list li{color: #f4bc16;} .mad_main6 .rating_list li{color: #5080bf;} .rating_list li.empty{color: #dedede;} .reviews .review_post .review_item{ border: 1px solid #f2f2f2; padding: 30px; min-height: 240px; } .mad_main2 .reviews .review_post .review_item{border-radius: 5px;} /*----------- Blockquotes --------------*/ blockquote{ background: #f9f9f9; padding: 16px 25px 16px 40px; position: relative; font-style: italic; color: #5e5e5e; font-size: 20px; line-height: 36px; margin-bottom: 15px; } .mad_main2 blockquote{border-radius: 0 5px 5px 0;} blockquote:before{ position: absolute; content: ""; width: 10px; background: #b92127; height: 100%; top: 0; left: 0; } .mad_main2 blockquote:before{ background: #de5b92; border-radius: 5px 0 0 5px; } .mad_main3 blockquote:before{background: #2abfd4;} .mad_main4 blockquote:before{background: #82c213;} .mad_main5 blockquote:before{background: #f4bc16;} .mad_main6 blockquote:before{background: #5080bf;} blockquote:after{ font-size: 0; position: absolute; content: close-quote; } .author_info a{ color: #5e5e5e; font-style: normal; font-size: 16px; } .author_info a:hover{text-decoration: underline;} blockquote.var2{ background: #fff; padding: 28px 20px 28px 90px; font-size: 14px; font-style: normal; line-height: 28px; } blockquote.var2:before{ content: open-quote; position: absolute; left: 20px; top: 70px; color: #f2f2f2; font-size: 155px; font-family: Arial; width: 0; height: 0; background: none; } blockquote.var3{ background: transparent; padding: 0; font-size: 18px; font-style: 600; line-height: 31px; font-style: normal; } blockquote.var3:before{ content: open-quote; position: relative; display: inline-block; width: 0; height: 0; background: none; font-size: 30px; padding-right: 20px; } .mad_main3 .author_info a{ color: #2abfd4; font-weight: normal; font-size: 14px; padding-top: 5px; display: block; } .mad_main5 blockquote.var3 .author_info{ font-weight: normal; font-size: 14px; padding-top: 15px; display: block; } .mad_main5 .image_bg_section7 blockquote.var3, .mad_main5 .image_bg_section7 blockquote.var3 .author_info{ color: #fff; } .mad_main blockquote.var3{margin-bottom: 0;} .mad_main blockquote.var3:before{ vertical-align: -10px; padding-right: 10px; } .mad_main blockquote.var3:after{ font-size: 30px; position: relative; content: close-quote; display: inline-block; line-height: 0; height: 0; vertical-align: -25px; } [class*="mad_main"] .quote_section{ background: #f5f5f5; padding: 30px 40px; } .mad_main2 .quote_section{border-radius: 5px 5px 0 0;} .mad_main .quote_section .author_info{ font-weight: 600; font-size: 18px; } .quote_holder{position: relative;} .quote_holder:before{ position: absolute; top: 100%; left: 55px; content: ""; width: 0; height: 0; border-left: 17px solid transparent; border-right: 17px solid transparent; border-top: 15px solid #f5f5f5; } .mad_main4 .author_info{margin: 30px 0 0 27px;} .mad_main4 .author_info:after{ clear: both; display: block; visibility: hidden; height: 0; content: "."; } [class*="mad_main"].mad_elements .author_info{margin: 0;} .mad_main4 .author_info figure{ float: left; margin-right: 20px; } .mad_main4 .author_info a{ color: #389bff; font-weight: normal; padding-top: 25px; display: block; } .mad_main3 blockquote{color: #545f68;} .mad_main4 blockquote.var2{ background: #f5f5f5; font-size: 16px; padding: 40px 20px 40px 85px; } .mad_main4 blockquote.var2:before{color: #2c95ff;} .mad_main5 blockquote.var3:before{color: #f4bc16;} .mad_main6 blockquote.var2{ background: #dcdcdc; color: #555; text-align: left; line-height: 21px; margin-bottom: 0; padding: 55px 60px 55px 70px; } .mad_main6 blockquote.var2 h5{ color: #555; font-size: 18px; margin-bottom: 20px; font-weight: bold; text-transform: none; } .mad_main6 blockquote.var2:before{ top: 20px; content: ''; background: url(../images/quote.png) no-repeat; display: block; width: 31px; height: 24px; } .mad_main6 .quote_holder{ max-width: 945px; display: inline-block; } .mad_main6 .quote_holder:before{ border-top-color: #dcdcdc; left: calc(50% - 17px); } .mad_main6 .author_info{ font-weight: 600; font-size: 14px; margin-top: 35px; display: inline-block; font-weight: normal; color: #999; } .mad_main6 .author_info b{color: #555555;} /* Default Forms */ [class*="form_type_"] .control-group{ font-weight: 300; margin-bottom: 20px; } [class*="form_type_"] .control-group.type2{ margin-bottom: 10px; } [class*="form_type_"] .control-group label{ margin-bottom: 0; } [class*="form_type_"] .control-group table tr td:last-child, [class*="form_type_"] .control-group table{ width: 100%; } .form_type_1 .control-group .control-label{ width: 140px; float: left; padding-top: 10px; } .form_type_1 .control-group input::-moz-placeholder, .form_type_1 .control-group textarea::-moz-placeholder{ color: #3e454c; } .form_type_1 .control-group input::-webkit-input-placeholder, .form_type_1 .control-group textarea::-webkit-input-placeholder{ color: #3e454c; } .form_type_1 .control-group input:not([type="checkbox"]):nth-child(n+2){ margin-top: 10px; } .form_type_1 .control-group .controls{ overflow: hidden; } .form_type_1 .control-group .controls .postcode_elements li{ margin-top: 8px; } .form_type_1 .control-group.form-elements span{ display: inline-block; width: 138px; } .form_type_1 .control-group.form-elements label:last-child{ margin-left: 20px; } .form_type_1 .control-group .controls textarea{ height: 180px; } .form_type_1 .control-group.input_profiles{ margin-bottom: 10px; } .form_type_1 .control-group.input_profiles .control-label{ width: 140px; } .form_type_1 .control-group.input_profiles .controls table tr td:first-child{width: 42%;} .form_type_1 .control-group.input_profiles .controls table tr td{ width: 58%; text-align: center; font-size: 14px; font-weight: normal; } .form_type_1 .control-group.input_profiles .controls table tr td:last-child{ padding: 10px 0 0 10px; text-align: left; } .form_type_1 .control-group.input_profiles .controls table.warning tr td, .form_type_1 .control-group.input_profiles .controls table.warning tr td input, .warning{ color: #ff9868; border-color: #ff9868; } .form_type_1 .control-group.input_profiles .controls table.error tr td, .form_type_1 .control-group.input_profiles .controls table.error tr td input, .error{ color: #ff0000; border-color: #ff0000; } .form_type_1 .control-group.input_profiles .controls table.info tr td, .form_type_1 .control-group.input_profiles .controls table.info tr td input, .info{ color: #2965b0; border-color: #2965b0; } .form_type_1 .control-group.input_profiles .controls table.success tr td, .form_type_1 .control-group.input_profiles .controls table.success tr td input, .success{ color: #86d26e; border-color: #86d26e; } .form_type_1.type_2 .control-label, .form_type_1.type_2 .control-group.form-elements span{ width: 100%; float: none; display: block; padding-bottom: 5px; padding-top: 0; } .form_type_1.type_2 .control-group.input_profiles .controls table tr td:last-child{ padding: 0; } .form_type_1.type_2 .control-group.input_profiles .controls table tr:last-child td{ text-align: left; padding-top: 5px; } input[type=checkbox]{ display: none; } input[type=checkbox] + label{ cursor: pointer; display: inline-block; position: relative; margin-bottom: 8px; } input[type=checkbox] + label:after{ content: '\e859'; font-family: 'fontello'; line-height: 24px; top: 0; font-size: .85em; position: absolute; left: 4px; color: #000000; display: none; } input[type=checkbox] + label:before{ content: ""; display: inline-block; vertical-align: middle; margin-right: 9px; width: 20px; height: 20px; border: 1px solid #dadada; } input[type=checkbox]:checked + label:after{ display: block; } input[type=radio]:checked + label:before{ background-position: 0 -22px; } input[type=radio] + label{ width: auto !important; position: relative; padding-left: 35px; cursor: pointer; } input[type=radio] + label:after, input[type=radio] + label:before{ content: ""; display: block; position: absolute; background: #fff; top: 0; left: 0; width: 18px; height: 18px; border: 2px solid #dadada; } input[type=radio] + label:after{ display:none; border:none; background:#dadada; width:10px; height:10px; left:4px; top:4px; } input[type=radio] + label:after, input[type=radio] + label:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } input[type=radio]:checked + label:after{display: block;} #cf_message{height: 160px;} input::-ms-clear { display: none; width: 0; height: 0; } .subscribe_form_2 input[type=email]{width: 275px;} .message_container_subscribe{ display: none; font-size: 14px; margin-top: 5px; } [class*="message_container"]{ display: none; margin-top: 10px; } .alert_box.warning{color: red;} .alert_box i{ float: left; position: relative; font-family: 'fontello'; font-style: normal; font-weight: bold; } .alert_box i:before{content: '\ebbe';} .alert a:hover{text-decoration: underline;} .alert a.button:hover{text-decoration: none;} .alert strong a{font-weight: bold!important;} .alert_box p{padding-left: 30px;} #newsletter .alert_box p{padding-left: 0;} .alert_box.warning input{border: 1px solid #feb41c;} .alert_box.error p{color: red;} .alert_box.success{color: #96ca2d;} /*----------- Info block list --------------*/ .info_block.full_width{ position: relative; width: 100%; } .info_block.full_width .container{ position: relative; z-index: 1; } .info_block.full_width .container .col-sm-6{margin-bottom: 0;} .info_block.full_width .info_item{padding: 45px 0;} .mad_main6 .info_block.full_width .col-sm-6:first-child .info_item{ padding-right: 160px; text-align: right; } .mad_main6 .info_block.full_width .col-sm-6:last-child .info_item{padding-left: 160px;} .info_block.full_width .info_item p{ line-height: 21px; margin-bottom: 20px; } .info_block.full_width .info_item .info_text{overflow: hidden;} .info_block.full_width .info_item:first-child .info_icon{ color: #d9d9d9; border-color: #d9d9d9; } .info_block.full_width .info_item h5{ color: #3b3b3b; margin-bottom: 20px; line-height: 21px; } .info_block.full_width .info_item.var2 .info_icon{ color: #fff; border-color: #fff; } .info_block.full_width .info_item.var2, .info_block.full_width .info_item.var2 h5, [class*="mad_main"].mad_elements .info_block.full_width .info_item.var2 h5{ color: #fff; } .info_block.full_width:after, .info_block.full_width:before{ content: ''; width: 50%; position: absolute; right: 0; top: 0; height: 100%; background: #2965b0; } .mad_main2 .info_block.full_width:after{background: #27a63d;} .mad_main4 .info_block.full_width:after{background: #2c95ff;} .mad_main5 .info_block.full_width:after{background: #f4bc16;} .mad_main6 .info_block.full_width:after{background: #5080bf;} .info_block.full_width:before{ left: 0; right: auto; background: #f6f6f6; } .info_block .info_icon{ float: left; margin-right: 15px; width: 70px; height: 70px; border-radius: 150px; border: 2px solid #b92127; font-family: 'fontello'; font-size: 30px; text-align: center; line-height: 66px; color: #b92127; font-weight: normal; } .mad_main2 .info_block .info_icon{ color: #de5b92; border-color: #de5b92; } .mad_main4 .info_block .info_icon{ color: #82c213; border-color: #82c213; } .mad_main5 .info_block .info_icon{ color: #f4bc16; border-color: #f4bc16; } .mad_main6 .info_block .info_icon{ color: #5080bf; border-color: #5080bf; } .mad_main6 .banners_block{font-size: 0;} .mad_main6 .banners_block .mad_half_col .info_item, .mad_main6 .banners_block .mad_half_col .info_item > div{ position: relative; } .mad_main6 .banners_block .mad_half_col .info_item:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mad_main6 .banners_block .mad_half_col:first-child .info_item:first-child{ text-align:right; padding-right: 170px; } .mad_main6 .banners_block .mad_half_col:last-child .info_item:last-child{padding-left: 170px;} .mad_main6 .banners_block .mad_half_col:first-child .info_item:before{ background: url(../images/960x730_bg.jpg) no-repeat; background-attachment: fixed; -webkit-background-size: cover; background-size: cover; } .mad_main6 .banners_block .mad_half_col:last-child .info_item:before{ background: url(../images/960x578_bg.jpg) no-repeat; background-attachment: fixed; -webkit-background-size: cover; background-size: cover; } .mad_main6 .banners_block h2{ font-size: 36px; font-weight: bold; margin-bottom: 20px; line-height: 40px; position: relative; width: 100%; } .mad_main6 .banners_block .mad_half_col:last-child h2{margin-bottom: 5px;} .mad_main6 .banners_block .mad_half_col{ width: 50%; display: inline-block; overflow: hidden; } .mad_main6 .banners_block .mad_half_col .info_item{ padding: 45px 0 0; min-height: 220px; } .mad_main6 .banners_block .mad_half_col .info_item:before{ -webkit-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease; } .mad_main6 .banners_block .mad_half_col:hover .info_item:before{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .mad_main6 .banners_block h4, .mad_main6 .banners_block h2, .mad_main6 .banners_block p{ color: #fff; text-transform: none; } .mad_main6 .banners_block .button{margin-top: 30px;} .mad_main6 .banners_block .button > span span:first-child{ background: #fff; color: #222; } .mad_main6 .banners_block h2:last-child{ margin-bottom: 0; line-height: 30px; } .mad_main6 .banners_block h2 span{ font-size: 24px; font-weight: normal; } .mad_main6 .banners_block p{font-size: 18px;} .info_block .info_text a:hover{text-decoration: underline;} .info_block.var2 .info_icon{ border-color: #fff; color: #fff; border-radius: 5px; } .mad_main3 .info_block .info_icon{ border-color: #2abfd4; color: #2abfd4; } .info_block .info_text{ line-height: 28px; padding-top: 5px; overflow: hidden; } .info_block .info_text h5{ color: #b92127; letter-spacing: 1px; font-size: 14px; margin-bottom: 0; line-height: 28px; font-weight: bold; } .info_block.var2 .info_text h5, .info_block.var2 .info_text, [mad_main].mad_elements .info_section .info_block .info_text h5{ color: #fff; } .mad_main2.mad_elements [class*="mad_section"] .info_block .info_text h5{color: #de5b92;} .mad_main3.mad_elements [class*="mad_section"] .info_block .info_text h5{color: #2abfd4;} .mad_main4.mad_elements [class*="mad_section"] .info_block .info_text h5{color: #82c213;} .mad_main5.mad_elements [class*="mad_section"] .info_block .info_text h5{color: #f4bc16;} .mad_main6.mad_elements [class*="mad_section"] .info_block .info_text h5{color: #5080bf;} .info_block.type2 .info_text{ line-height: 21px; padding-top: 0; overflow: hidden; } .mad_main5 .info_block.type2 .info_text h5{ color: #3b3b3b; margin-bottom: 25px; line-height: 15px; letter-spacing: 0; font-size: 16px; text-transform: none; } .info_block.type2 ul li .info_icon{ float: left; margin-right: 15px; width: auto; height: auto; border-radius: none; border: none; font-family: 'fontello'; font-size: 40px; text-align: center; line-height: 1em; color: #f4bc16; font-weight: normal; } /*----------- Service blocks --------------*/ .mad_elements .service_block{margin-top: 50px;} .service_block ul li a{ display: block; width: 100%; padding: 40px 20px 35px; background: #b92127; color: #fff; text-align: center; } .mad_main2 .service_block ul li a{ background: #de5b92; border-radius: 5px; } .mad_main2 .service_block ul li a:hover{background: #27a63d;} .mad_main5 .service_block ul li a{background: #f4bc16;} .mad_main5 .service_block ul li a:hover{background: #666;} .mad_main6 .service_block ul li a{background: #5080bf;} .mad_main6 .service_block ul li a:hover{background: #ec3238;} .mad_main3 .service_block ul li a{ background: #224687; color: #7e98c8; padding: 40px 40px 35px; } .service_block ul li a:hover{background: #2965b0;} .mad_main3 .service_block ul li a:hover{ background: #2abfd4; color: #aff5ff; } .mad_main4 .service_block ul li a{background: #82c213;} .mad_main4 .service_block ul li a:hover{background: #2c95ff;} .service_block ul li a h4{ color: #fff; text-transform: uppercase; margin-bottom: 20px; } .mad_elements .service_block ul li a h4{color: #fff;} .mad_main3 .service_block ul li a h4{text-transform: none;} .service_block ul li a .serv_icon{ font-family: 'fontello'; font-size: 45px; color: #fff; padding-bottom: 30px; margin-bottom: 25px; border-bottom: 2px solid rgba(255,255,255,0.3); display: inline-block; } .service_block ul li a .serv_icon:before{ height: 35px; width: 105px; display: block; line-height: 35px; } .service_block ul li a .serv_icon.icon1:before{content: '\E817';} .service_block ul li a .serv_icon.icon2:before{content: '\E802';} .service_block ul li a .serv_icon.icon3:before{content: '\E819';} .service_block_type2{ margin-top: -81px; position: relative; z-index: 9; } .service_block_type2 .item_holder{ width: 100%; text-align: center; } .service_block_type2 .item_holder h4{ padding: 25px 10px; background: rgba(255,255,255,0.8); margin-bottom: 0; color: #112c61; } .service_block_type2 .item_holder figure img{width: 100%;} .service_block_type2 .item_holder .item_content{ background: #f5f5f5; padding: 35px 32px; } .service_block_type2 .item_holder .item_content .button{margin-top: 25px;} /*----------- Background image section --------------*/ [class*="image_bg_section"]{background-repeat: no-repeat;} [class*="image_bg_section"] .main_title, [class*="image_bg_section"] p, [class*="image_bg_section"] h2{ color: #fff; } .mad_main3 .hot_line.image_bg_section2{padding: 45px 0;} .mad_main3 [class*="image_bg_section"][class*="mad_section"]{padding: 90px 0;} .mad_main3 [class*="image_bg_section"]{padding: 155px 0;} .mad_main3 [class*="image_bg_section"] .main_title:before{ background: #68696c; opacity: 0.7; } .image_bg_section1{background: url(../images/1920x1096_bg.jpg);} .image_bg_section2{background: url(../images/1920x800_bg.jpg);} .image_bg_section3{background: url(../images/1920x997_bg.jpg);} .image_bg_section4{background: url(../images/1920x1240_bg.jpg);} .image_bg_section5{background: url(../images/1920x1265_bg.jpg);} /*.image_bg_section6{background: url(../images/1920x1270_bg.jpg);}*/ .image_bg_section6{background: url(../images/7.jpg);} .image_bg_section7{background: url(../images/1920x1295_bg.jpg);} .image_bg_section8{background: url(../images/1920x1310_bg.jpg);} .image_bg_section9{background: url(../images/1920x1309_bg.jpg);} .image_bg_section10{background: url(../images/1920x1287_bg.jpg);} .image_bg_section11{background: url(../images/1920x760_bg.jpg);} .mad_main5 .image_bg_section6{text-align: center;} .mad_main5 .image_bg_section6 h2.main_title{ font-size: 36px; padding-bottom: 0; margin-bottom: 40px; text-transform: none; } .mad_main5 .image_bg_section6 h2.main_title span{font-weight: 300;} .mad_main5 .image_bg_section6 h2.main_title b{color: #f4bc16;} .mad_main5 .image_bg_section6 h2.main_title b{font-size: 35px;} .mad_main5 .image_bg_section6 h2.main_title:before{display: none;} .mad_main5 .image_bg_section6 .button{margin-top: 15px;} .mad_main5 .image_bg_section8 .button.type2 > span span:nth-of-type(2){ background: #fff; color: #3b3b3b; } .mad_main5 .image_bg_section8{text-align: center;} .mad_main5 .image_bg_section8 h2{ font-size: 36px; text-transform: none; font-weight: bold; margin-bottom: 0; } .mad_main6 .image_bg_section10 h3{ text-transform: none; font-weight: normal; padding-bottom: 0; margin-bottom: 0; } .mad_main6 .image_bg_section10 h3:before{display: none;} .mad_main6 .image_bg_section10 h3 span{font-weight: 600;} /*----------- Service item --------------*/ .service_item{ position: relative; display: inline-block; } .service_item figcaption{ position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; text-align: center; left: 0; width: 100%; } .service_item figcaption h4{ color: #fff; margin-bottom: 0; display: inline-block; font-weight: 600; text-align: center; } .service_item:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 200px; opacity: 0; background: rgba(244,188,22,.8); display: block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .service_item:hover:before{ margin: 0; opacity: 1; } .service_item figcaption h4[class*="serv_icon"]:before{ content: ""; font-family: 'fontello'; color: #fff; font-size: 35px; display: inline-block; width: 100%; padding-bottom: 10px; font-weight: normal; } .service_item figcaption h4.serv_icon1:before{content: "\E80E";} .service_item figcaption h4.serv_icon2:before{content: "\E80D";} .service_item figcaption h4.serv_icon3:before{content: "\E813";} .service_item figcaption h4.serv_icon4:before{content: "\E80C";} .service_item figcaption h4.serv_icon5:before{content: "\E806";} .service_item figcaption h4.serv_icon6:before{content: "\E812";} .service_item figcaption h4.serv_icon7:before{content: "\E81A";} .service_item figcaption h4.serv_icon8:before{content: "\E811";} .service_item_type2{ cursor: pointer; padding: 40px; color: #fff; text-align: left; width: 100%; display: block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .service_item_type2.icon_1{background: url(../images/icon_home.png) no-repeat bottom right #622f72;} .service_item_type2.icon_2{background: url(../images/icon_building.png) no-repeat bottom right #622f72;} .service_item_type2.icon_3{background: url(../images/icon_loc.png) no-repeat bottom right #622f72;} .service_item_type2.icon_4{background: url(../images/icon_home2.png) no-repeat bottom right #622f72;} .service_item_type2 p{margin-bottom: 30px;} .mad_main6 .service_item_type2 .button.type3 > span span:first-child{ border-color: #c8a6d1; color: #c8a6d1; } .mad_main6 .service_item_type2:hover .button.type3 > span span:first-child{ border-color: #fff; color: #fff; } .service_item_type2:hover{opacity: 0.9;} /*----------- Video --------------*/ .iframe_video_container{ height: 0; padding-bottom: 56%; position: relative; } .iframe_video_container > iframe{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .mad_main2 .iframe_video_container > iframe{border-radius: 5px;} .iframe_video_container{ margin: 0 auto; min-height: 310px; } .mad_main6 .iframe_video_container > iframe{ margin: 0 auto; display: block; } /*----------- Lightbox items --------------*/ .grid figure{ margin: 0; display: inline-block; cursor: pointer; vertical-align: top; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .grid.list figure:not(:last-child){ margin-right: 8px; } .post_image{ position: relative; overflow: hidden; display: block; } .grid figure img{ display: block; width: 100%; } .post-image img{ display: block; -webkit-transition: all .35s ease; transition: all .35s ease; } .plus_link .curtain{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; visibility: hidden; opacity: 0; background: rgba(0,0,0,.5); color: #fff; font-family: 'fontello'; -webkit-transition: all .35s ease; transition: all .35s ease; } .plus_link .curtain a{ position: absolute; left: 50%; top: 50%; display: block; margin: -20px 0 0 -20px; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #fff; color: #b92127; font-size: 22px; -webkit-transition: all .45s ease; transition: all .45s ease; -webkit-transform: scale(0); transform: scale(0); } .mad_main2 .plus_link .curtain a{ color: #de5b92; border-radius: 5px; } .mad_main3 .plus_link .curtain a{color: #2abfd4;} .mad_main4 .plus_link .curtain a{color: #82c213;} .mad_main5 .plus_link .curtain a{color: #f4bc16;} .mad_main6 .plus_link .curtain a{color: #ee2d32;} .plus_link .curtain a:hover{ color: #fff; background: #2965b0; } .mad_main2 .plus_link .curtain a:hover{background: #27a63d;} .mad_main4 .plus_link .curtain a:hover{background: #2c95ff;} .mad_main5 .plus_link .curtain a:hover{background: #666666;} .mad_main6 .plus_link .curtain a:hover{background: #5080bf;} .plus_link .curtain.two_items a:first-child{margin: -20px 0 0 -40px;} .curtain a.link{left: calc(50% + 30px);} .curtain a:after{content: "\e860";} .curtain a.link:after{content: "\e86d";} .plus_link:hover .curtain{ visibility: visible; opacity: 1; } .plus_link:hover .curtain a{ -webkit-transform: scale(1); transform: scale(1); opacity: 1; } /* Dropcaps */ [class*="first_letter_"] > span{ float: left; display: block; text-align: center; } .first_letter_1 > span{ font-size: 44px; margin: 0 10px 0 0; line-height: 40px; } .first_letter_2 > span{ width: 40px; height: 40px; font-size: 30px; line-height: 38px; color: #646464; margin: 0 10px 0 0; border: 1px solid #646464; border-radius: 100px; } /* Tooltips */ .tooltip{ position:absolute; display:block; background:#2965b0; padding:3px 10px; color: #fff; font-size: 12px; opacity:0; visibility: hidden; white-space: nowrap; z-index:5; -webkit-transition: all .4s ease; transition: all .4s ease; } .mad_main2 .tooltip{background: #27a63d;} .mad_main4 .tooltip{background: #2c95ff;} .mad_main5 .tooltip{background: #666666;} .mad_main6 .tooltip{background: #ee2d32;} a.top_tooltip .tooltip{ bottom: 100%; left: 50%; margin-bottom: 5px; -webkit-transform: translate(-50%,-15px); -moz-transform: translate(-50%,-15px); -o-transform: translate(-50%,-15px); -ms-transform: translate(-50%,-15px); transform: translate(-50%,-15px); } a.left_tooltip .tooltip{ top: 50%; right: 100%; margin-right: 5px; -webkit-transform: translate(-15px,-50%); -moz-transform: translate(-15px,-50%); -o-transform: translate(-15px,-50%); -ms-transform: translate(-15px,-50%); transform: translate(-15px,-50%); } a.right_tooltip .tooltip{ top: 50%; left: 100%; margin-left: 9px; -webkit-transform: translate(15px,-50%); -moz-transform: translate(15px,-50%); -o-transform: translate(15px,-50%); -ms-transform: translate(15px,-50%); transform: translate(15px,-50%); } a.bottom_tooltip .tooltip{ top: 100%; left: 50%; margin-top: 5px; -webkit-transform: translate(-50%,15px); -moz-transform: translate(-50%,15px); -o-transform: translate(-50%,15px); -ms-transform: translate(-50%,15px); transform: translate(-50%,15px); } a.top_tooltip:hover .tooltip{ -webkit-transform: translate(-50%,0px); -moz-transform: translate(-50%,0px); -o-transform: translate(-50%,0px); -ms-transform: translate(-50%,0px); transform: translate(-50%,0px); } a.left_tooltip:hover .tooltip{ -webkit-transform: translate(0px,-50%); -moz-transform: translate(0px,-50%); -o-transform: translate(0px,-50%); -ms-transform: translate(0px,-50%); transform: translate(0px,-50%); } a.right_tooltip:hover .tooltip{ -webkit-transform: translate(0px,-50%); -moz-transform: translate(0px,-50%); -o-transform: translate(0px,-50%); -ms-transform: translate(0px,-50%); transform: translate(0px,-50%); } a.bottom_tooltip:hover .tooltip{ -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); } .tooltips a .tooltip:after{ position:absolute; content:""; width:0; height:0; } a.top_tooltip .tooltip:after{ border-left:8px solid transparent; border-top:5px solid #2965b0; border-right:8px solid transparent; top: 100%; left:50%; margin-left:-8px; } a:hover .tooltip{ opacity: 1; visibility: visible; } .tooltips a{ color: #b92127; position: relative; } .mad_main2 .tooltips a{color: #de5b92;} .mad_main3 .tooltips a{color: #2abfd4;} .mad_main4 .tooltips a{color: #82c213;} .mad_main5 .tooltips a{color: #f4bc16;} .mad_main6 .tooltips a{color: #5080bf;} .tooltips a:hover{text-decoration: none;} .tooltips a.left_tooltip .tooltip:after{ border-top: 8px solid transparent; border-left: 5px solid #2965b0; border-bottom: 8px solid transparent; top: calc(50% - 8px); left: 100%; } .tooltips a.right_tooltip .tooltip:after{ border-top: 8px solid transparent; border-right: 5px solid #2965b0; border-bottom: 8px solid transparent; right: 100%; top: calc(50% - 8px); } .tooltips a.bottom_tooltip .tooltip:after{ border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 5px solid #2965b0; border-top: none; bottom: 100%; left: calc(50% - 8px); } .mad_main2 a.top_tooltip .tooltip:after{border-top-color: #27a63d;} .mad_main2 a.left_tooltip .tooltip:after{border-left-color: #27a63d;} .mad_main2 a.right_tooltip .tooltip:after{border-right-color: #27a63d;} .mad_main2 a.bottom_tooltip .tooltip:after{border-bottom-color: #27a63d;} .mad_main4 a.top_tooltip .tooltip:after{border-top-color: #2c95ff;} .mad_main4 a.left_tooltip .tooltip:after{border-left-color: #2c95ff;} .mad_main4 a.right_tooltip .tooltip:after{border-right-color: #2c95ff;} .mad_main4 a.bottom_tooltip .tooltip:after{border-bottom-color: #2c95ff;} .mad_main5 a.bottom_tooltip .tooltip:after{border-bottom-color: #666666;} .mad_main5 a.top_tooltip .tooltip:after{border-top-color: #666666;} .mad_main5 a.left_tooltip .tooltip:after{border-left-color: #666666;} .mad_main5 a.right_tooltip .tooltip:after{border-right-color: #666666;} .mad_main6 a.bottom_tooltip .tooltip:after{border-bottom-color: #ee2d32;} .mad_main6 a.top_tooltip .tooltip:after{border-top-color: #ee2d32;} .mad_main6 a.left_tooltip .tooltip:after{border-left-color: #ee2d32;} .mad_main6 a.right_tooltip .tooltip:after{border-right-color: #ee2d32;} .tooltips span.pointed{ background: #2965b0; color: #fff; } .mad_main2 .tooltips span.pointed{background: #27a63d;} .mad_main4 .tooltips span.pointed{background: #2c95ff;} .mad_main5 .tooltips span.pointed{background: #666666;} .mad_main6 .tooltips span.pointed{background: #ee2d32;} /*----------- Pagination --------------*/ .mad_elements .pagination_list{margin-bottom: 40px;} .pagination_list > ul:nth-child(2n){margin-left: 10px;} .pagination_list > ul{display: inline-block;} .pagination_list ul li{ display: inline-block; margin-right: 5px; } .pagination_list ul li a{ border: 2px solid #e7e7e7; color: #505050; display: block; width: 40px; height: 40px; line-height: 36px; text-align: center; } .pagination_list ul li[class*="pagination_button_"] a{ width: auto; padding: 0 20px; } .pagination_list ul li a.current, .pagination_list ul li a:hover{ border: 2px solid #2965b0; color: #fff; background: #2965b0; } .mad_main2 .pagination_list ul li a{border-radius: 5px;} .mad_main2 .pagination_list ul li a.current, .mad_main2 .pagination_list ul li a:hover{ border: 2px solid #27a63d; background: #27a63d; } .mad_main4 .pagination_list ul li a.current, .mad_main4 .pagination_list ul li a:hover{ border: 2px solid #82c213; background: #82c213; } .mad_main5 .pagination_list ul li a.current, .mad_main5 .pagination_list ul li a:hover{ border: 2px solid #f4bc16; background: #f4bc16; } .mad_main6 .pagination_list ul li a.current, .mad_main6 .pagination_list ul li a:hover{ border: 2px solid #5080bf; background: #5080bf; } /*----------- Pricing Tables --------------*/ .p_table{ position: relative; border: 1px solid #e8e8e8; padding: 85px 0 40px; width: 100%; text-align: center; margin-top: 55px; background: #fff; } .p_table.type2{ background: #2965b0; border: 1px solid #2965b0; } .p_table.var2{ padding: 0; border: none; } .p_table .price{ position: absolute; text-align: center; border-radius: 150%; background: #b92127; width: 110px; height: 110px; color: #fff; top: -55px; left: calc(50% - 55px); display: block; font-size: 26px; } .p_table.type2 .price{ background: #fff; border: 1px solid #2965b0; color: #2965b0; } .mad_main2 .p_table{border-radius: 5px;} .mad_main2 .p_table .price{background: #de5b92;} .mad_main2 .p_table.type2 .price{ border-color: #27a63d; color: #27a63d; background: #fff; } .mad_main2 .p_table.type2{ background: #27a63d; border-color: #27a63d; } .mad_main3 .p_table .price{background: #224687;} .mad_main3 .p_table.type2 .price{ color: #224687; border-color: #224687; background: #fff; } .mad_main4 .p_table .price{background: #82c213;} .mad_main4 .p_table.type2 .price{ color: #82c213; background: #fff; border-color: #82c213; } .mad_main5 .p_table .price{background: #f4bc16;} .mad_main5 .p_table.type2{background: #f4bc16;} .mad_main5 .p_table.type2 .price{ color: #f4bc16; border-color: #f4bc16; } .mad_main5 .p_table .price{background: #f4bc16;} .mad_main5 .p_table.type2{ background: #f4bc16; border-color: #f4bc16; } .mad_main5 .p_table.type2 .price{ color: #f4bc16; border-color: #f4bc16; background: #fff; } .mad_main6 .p_table.type2{ background: #5080bf; border-color: #5080bf; } .mad_main6 .p_table .price{background: #ee2d32;} .mad_main6 .p_table.type2 .price{ color: #5080bf; background: #fff; border-color: #5080bf; } .p_table .price > div{ position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 100%; } .mad_main3 .p_table .price > div{ top: 58%; font-weight: bold; } .mad_main3.mad_elements .p_table .price > div{top: 50%;} .mad_main3 .p_table .price p{ font-size: 12px; color: #8ba8dd; font-weight: normal; } .p_table .price span{ font-size: 14px; line-height: 12px; } .p_table h4{ color: #333333; text-transform: none; position: relative; } .p_table.type2 h4, .mad_main3 .p_table.type2 h4{ color: #fff; } .p_table .p_table_header{ padding: 20px 15px; background: #b92127; } .p_table .p_table_header h4{ color: #fff; font-weight: 600; margin-bottom: 0; } .p_table .p_text_holder{padding: 25px 10px;} .p_table p.p_text_holder{color: #545F68;} .p_table .p_table_header h4:after{display: none;} .mad_main3 .p_table .p_table_header h4{color: #fff;} .mad_main3 .p_table .p_table_header{background: #224687;} .mad_main3 .p_table h4{ color: #224687; text-transform: none; font-weight: normal; } .p_table h4:after{ position: absolute; top: 35px; width: 60px; height: 2px; left: calc(50% - 30px); display: block; content: ""; background: #e3e3e3; } .p_table .button{margin-top: 40px;} .p_table ul{margin-top: 45px;} .p_table.var2 ul{margin-top: 0;} .p_table ul li{ text-align: center; display: block; width: 100%; padding: 10px 0; background: #fafafa; } .p_table ul li:nth-child(2n){ background: transparent!important; padding: 8px 0; } .p_table.type2 ul li{ background: #336cb4; color: #fff; } .mad_main2 .p_table.type2 ul li{background: #31c74b;} .mad_main5 .p_table.type2 ul li{background: #666666;} .p_table_stat{ display: block; overflow: hidden; } .p_table_stat h2{ color: #b92127; font-weight: normal; letter-spacing: 1px; margin-bottom: 5px; line-height: 40px; } .p_table_stat h5{ color: #333333; letter-spacing: .6px; margin-bottom: 0; } .p_table_stat .p_icon{ font-family: 'fontello'; width: 100%; position: relative; margin-top: -15px; color: #b92127; font-size: 28px; } .p_table_stat .p_icon:after{content: "\E806";} .p_table_stat .p_icon:before{ position: absolute; content: ""; width: 100%; right: 15px; top: 50%; border-bottom: 2px solid #b92127; } .p_table .p_table_footer{ background: #2abfd4; padding: 20px; color: #fff; font-size: 16px; margin-top: 25px; } .mad_main2.mad_elements .p_table_stat h2, .mad_main2 .p_table_stat .p_icon{ color: #de5b92; } .mad_main2 .p_table_stat .p_icon:before{border-color: #de5b92;} .mad_main2 .p_table_stat h2{font-weight: bold;} .mad_main3.mad_elements .p_table_stat h2, .mad_main3 .p_table_stat .p_icon{ color: #2abfd4; } .mad_main3 .p_table_stat .p_icon:before{border-color: #2abfd4;} .mad_main4.mad_elements .p_table_stat h2, .mad_main4 .p_table_stat .p_icon{ color: #82c213; } .mad_main4 .p_table_stat .p_icon:before{border-color: #82c213;} .mad_main5.mad_elements .p_table_stat h2, .mad_main5 .p_table_stat .p_icon{ color: #f4bc16; } .mad_main5 .p_table_stat .p_icon:before{border-color: #f4bc16;} .mad_main6.mad_elements .p_table_stat h2, .mad_main6 .p_table_stat .p_icon{ color: #5080bf; } .mad_main6 .p_table_stat .p_icon:before{border-color: #5080bf;} /*----------- Svg separator --------------*/ .separator_type_5_path{ height: 70px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 20; } .separator_type_5_path.top{ height: 70px; width: 100%; position: absolute; top: 0; left: 0; } svg:not(:root) {overflow: hidden;} /*----------- Background --------------*/ [class*="image_bg_"] { background-size: cover!important; background-attachment: fixed!important; position: relative; width: 100%; } [class*="image_bg_"].style1{padding: 70px 0;} [class*="image_bg_"].style1 .header_style{ width: 100%; height: 0; padding-left:50%; padding-top: 10%; overflow: hidden; z-index: 9; } [class*="image_bg_"].style1 .header_style:before, [class*="image_bg_"].style1 .header_style:after{ content: ""; display: block; width: 0; height: 0; } [class*="image_bg_"].style1 .header_style:before{ margin-left: -500px; margin-top: -500px; border-left: 2500px solid transparent; border-right: 2500px solid transparent; border-top: 500px solid #fff; } /* Price Scale */ .price_scale .button{margin-top: 15px;} .ui-slider{ height: 5px; position: relative; background: #e8e8e8; margin-bottom: 15px; } .ui-slider-handle{ width: 10px; height: 22px; top: 50%; display: inline-block; margin-top: -11px; position: absolute; z-index: 1; } .ui-slider-range{ position: absolute; top: 0; bottom: 0; background: #f2f2f2; } .ui-slider-handle:last-child{margin-left: -10px;} .ui-slider-handle{background: #b92127;} .mad_main2 .ui-slider-handle{background: #de5b92;} .mad_main3 .ui-slider-handle{background: #2abfd4;} .mad_main4 .ui-slider-handle{background: #82c213;} .mad_main5 .ui-slider-handle{background: #f4bc16;} .mad_main6 .ui-slider-handle{background: #5080bf;} .range_values input[type=text]{ padding: 0; width: 50%; height: auto; border: none; background: transparent; } /*----------- Styleswitcher --------------*/ #styleswitcher{ position:fixed; top:400px; background: rgba(0,0,0,0.8); padding: 20px; width: 310px; z-index: 99; left: 0; -webkit-transition: left 0.2s ease-in-out; -moz-transition: left 0.2s ease-in-out; -ms-transition: left 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out; } #styleswitcher{left: 0;} #styleswitcher .isotope .item figure img{width: auto;} #styleswitcher.closed > .open_sw{ display: block; background: rgba(0,0,0,0.8); position:absolute; top:0; left:100%; text-align: center; font-size:1.3em; width: auto; padding: 15px 20px; white-space: nowrap; font-weight: bold; } #styleswitcher > .open_sw{display: none;} #styleswitcher h6{ font-size: 14px; text-transform: uppercase; margin-bottom: 15px; color: #fff; font-weight: bold; } #styleswitcher ul > li{ margin-bottom: 10px; display: inline-block; margin-right: 5px; } #styleswitcher ul > li.item figure{ position: relative; cursor: pointer; } #styleswitcher ul > li.item a{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0; background: rgba(0,0,0,0.7); opacity: 0; color: #fff; text-align: center; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #styleswitcher ul > li.item a.caption_block .item_desc{ position: absolute; top: 50%; width: 100%; text-align: center; padding: 0 10px; } #styleswitcher ul > li.item a.caption_block .item_desc{ opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } #styleswitcher ul > li.item figure:hover .item_desc { opacity: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #styleswitcher ul > li.item figure:hover a{opacity: 1;} #styleswitcher ul > li.item a .caption_block .item_desc{ display: inline-block; font-size: 14px; } #styleswitcher ul{ margin-bottom: -10px; margin-right: -5px; } #styleswitcher.closed > .open_sw i{ color: #fff; font-style: normal; margin-bottom: 0; font-weight: bold; font-size: 14px; text-transform: uppercase; } #styleswitcher.closed{left: -310px;} .faa-flash.animated { -webkit-animation: demoflash 4s ease infinite; animation: demoflash 4s ease infinite; } /* FLASHING */ @-webkit-keyframes demoflash{0%,100%,50%{opacity:1}25%,75%{opacity:.2}} @keyframes demoflash{0%,100%,50%{opacity:1}25%,75%{opacity:.2}} .faa-flash.animated {-webkit-animation:demoflash 4s ease infinite; animation:demoflash 4s ease infinite} /*----------- Isotope --------------*/ .tabs_sort #options{ text-align: center; } .tabs_sort .button-group{ text-align: center; margin-bottom: 35px; } .tabs_sort #options button{ background: none; display: inline-block; color: #b92127; text-transform: uppercase; font-weight: bold; margin-right: 30px; line-height: 1em; font-size: 14px; } .mad_main2 .tabs_sort #options button, .mad_main5 .tabs_sort #options button, .mad_main3 .tabs_sort #options button, .mad_main4 .tabs_sort #options button, .mad_main6 .tabs_sort #options button{ color: #3b3b3b; margin: 0 10px; } .tabs_sort #options button:first-child{margin-left: 0;} .tabs_sort #options button:last-child{margin-right: 0;} .tabs_sort #options button:hover, .tabs_sort #options button.is-checked{ border-bottom: 1px solid #b92127; } .mad_main2 .tabs_sort #options button:hover, .mad_main2 .tabs_sort #options button.is-checked{ border-bottom: none; color: #de5b92; } .mad_main3 .tabs_sort #options button:hover, .mad_main3 .tabs_sort #options button.is-checked{ border-bottom: none; color: #2abfd4; } .mad_main4 .tabs_sort #options button:hover, .mad_main4 .tabs_sort #options button.is-checked{ border-bottom: none; color: #82c213; } .mad_main5 .tabs_sort #options button:hover, .mad_main5 .tabs_sort #options button.is-checked{ border-bottom: none; color: #f4bc16; } .mad_main6 .tabs_sort #options button:hover, .mad_main6 .tabs_sort #options button.is-checked{ border-bottom: none; color: #5080bf; } .mad_main5 .tabs_sort #options{font-weight: bold;} .isotope_container{ margin-left: -15px; margin-right: -15px; } .isotope .item{width: 25%;} .isotope.two_collumn .item{ width: 49.999%; border-left: 15px solid transparent; border-right: 15px solid transparent; } .isotope.three_collumn .item{ width: 33.3333%; margin-bottom: 30px; border-left: 15px solid transparent; border-right: 15px solid transparent; } .isotope.three_collumn .category_isotope_item.item{margin-bottom: 45px;} .isotope.four_collumn .item{ margin-bottom: 45px; border-left: 15px solid transparent; border-right: 15px solid transparent; } .isotope.four_collumn.post_news{margin-bottom: 0;} .tabs_sort.full_width_item .isotope .item{ width: 100%; float: none; display: block; margin-bottom: 5px; } .tabs_sort.full_width_item .isotope .item:last-child{margin-bottom: 0;} .tabs_sort .isotope .item figure{ position: relative; cursor: pointer; } .tabs_sort .isotope .item figure img{width: 100%;} .tabs_sort .isotope .item figure:hover figcaption{ opacity: 1; margin: 10px; } .tabs_sort .isotope .item figcaption{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0; background: rgba(0,0,0,0.7); opacity: 0; color: #fff; text-align: center; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .mad_main2 .tabs_sort .isotope .item figcaption{border-radius: 5px;} .tabs_sort .isotope .item figcaption .caption_block{ position: absolute; right: 20px; left: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .tabs_sort .isotope .item figcaption .item_desc{ opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .tabs_sort .isotope .item figure:hover .item_desc{ opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .tabs_sort .isotope .item figcaption .caption_block a{ display: inline-block; margin-bottom: 10px; font-size: 14px; text-transform: uppercase; } .mad_main5 .tabs_sort .isotope .item figcaption .caption_block a{text-transform: none;} .tabs_sort .isotope .item figcaption .caption_block a:hover{text-decoration: underline;} .tabs_sort .isotope .item figcaption h4{ margin-bottom: 20px; text-transform: none; color: #fff; } .mad_main2 .tabs_sort .isotope .item figcaption h4{ font-family: 'Playfair Display', serif; font-weight: bold; } .mad_main5 .tabs_sort .isotope .item figcaption h4{text-transform: uppercase;} .tabs_sort .isotope .item_holder:before, .tabs_sort .isotope .item_holder:after{ display: none; height: 0; } .tabs_sort .isotope .item_holder .item_desc_inner{text-align: left;} .tabs_sort .isotope .item_holder .item_desc_inner .social_icon_list{text-align: center;} .tabs_sort .isotope .item_holder .item_desc_inner h4{margin-bottom: 10px;} .tabs_sort .isotope .post_social{ margin-bottom: 20px; padding-top: 0; } .tabs_sort .isotope .post_social_event span{color: #fff;} .relative_item .item{ position: relative!important; top: 0!important; } /* ----------------------------------- 9. Main content ------------------------------------- */ /* Order page */ .mad_order_page h4{text-transform: none;} .mad_order_page .tabs_content > [id*="tab-"]{ padding: 30px 0 0; border: none; } .mad_order_page .table_type_1.var2 tr th, .mad_order_page .table_type_1.var2 tr td{ padding: 14px 15px; vertical-align: top; } .mad_order_page .table_type_1 tr td a{color: #333;} .mad_order_page .table_type_1 tr td a:hover{text-decoration: underline;} .mad_order_page .table_type_1.var2 tr td p{padding-bottom: 5px;} .mad_order_page .table_type_1.var2 tr th:first-child{width: 80px;} .mad_order_page .table_type_1.var2 tr th:nth-child(2){width: 220px;} .mad_order_page .table_type_1.var2 tr th:nth-child(3){width: 200px;} .mad_order_page .table_type_1.var2 tr th:nth-child(4){width: 90px;} .mad_order_page .table_type_1.var2 tr th:nth-child(5){width: 70px;} .mad_order_page .table_type_1.var2 [class*="bg_color"]:not(:last-child) td{border-bottom: 1px solid #fff!important;} .mad_order_page .table_type_1.var2 .bg_color1 td{border-color: #f9f9f9;} .mad_order_page .table_type_1.var2 .bg_color1{background: #f9f9f9;} .mad_order_page .table_type_1.var2 .bg_color2 td{border-color: #f5f5f5;} .mad_order_page .table_type_1.var2 .bg_color2{background: #f5f5f5;} .mad_order_page .table_type_1.var2 .bg_color3 td{ border-color: #b92127; color: #fff; } .mad_order_page .table_type_1.var2 .bg_color3{background: #b92127;} .mad_main2 .mad_order_page .table_type_1.var2 .bg_color3, .mad_main2 .mad_order_page .table_type_1.var2 .bg_color3 td{ background: #de5b92; border-color: #de5b92; } .mad_main3 .mad_order_page .table_type_1.var2 .bg_color3, .mad_main3 .mad_order_page .table_type_1.var2 .bg_color3 td{ background: #2abfd4; border-color: #2abfd4; } .mad_main4 .mad_order_page .table_type_1.var2 .bg_color3, .mad_main4 .mad_order_page .table_type_1.var2 .bg_color3 td{ background: #82c213; border-color: #82c213; } .mad_main5 .mad_order_page .table_type_1.var2 .bg_color3, .mad_main5 .mad_order_page .table_type_1.var2 .bg_color3 td{ background: #f4bc16; border-color: #f4bc16; } .mad_main6 .mad_order_page .table_type_1.var2 .bg_color3, .mad_main6 .mad_order_page .table_type_1.var2 .bg_color3 td{ background: #5080bf; border-color: #5080bf; } .mad_order_page .table_type_1.var2.order_list tr th, .mad_order_page .table_type_1.var2.order_list tr td{ padding: 14px 25px; } .mad_order_page .table_type_1.var2.order_list tr td:last-child{color: #b92127;} .mad_main2 .mad_order_page .table_type_1.var2.order_list tr td:last-child{color: #de5b92;} .mad_main3 .mad_order_page .table_type_1.var2.order_list tr td:last-child{color: #2abfd4;} .mad_main4 .mad_order_page .table_type_1.var2.order_list tr td:last-child{color: #82c213;} .mad_main5 .mad_order_page .table_type_1.var2.order_list tr td:last-child{color: #f4bc16;} .mad_main6 .mad_order_page .table_type_1.var2.order_list tr td:last-child{color: #5080bf;} .mad_order_page .table_type_1.var2.order_list tr th:first-child{width: 170px;} .mad_order_page .table_type_1.var2.order_list tr th:nth-child(2){width: 160px;} .mad_order_page .table_type_1.var2.order_list tr th:nth-child(3){width: 230px;} /* Shop */ .mad_shop_page h3, .mad_shop_page h4{ text-transform: none; } .mad_shop_page .horisontal_list ul li:not(:last-child){margin-right: 1px;} .mad_shop_page .horisontal_list ul li{margin-bottom: 5px;} #sidebar .list_with_image > ul > li a{padding-bottom: 10px;} #sidebar .list_with_image > ul > li p{padding-bottom: 5px;} #sidebar .list_with_image > ul > li p{color: #b92127;} .mad_main2 #sidebar .list_with_image > ul > li p{color: #de5b92;} .mad_main3 #sidebar .list_with_image > ul > li p{color: #2abfd4;} .mad_main4 #sidebar .list_with_image > ul > li p{color: #82c213;} .mad_main5 #sidebar .list_with_image > ul > li p{color: #f4bc16;} .mad_main6 #sidebar .list_with_image > ul > li p{color: #5080bf;} #sidebar .list_with_image > ul > li a:hover h5{text-decoration: underline;} #sidebar .list_with_image > ul > li h5{ margin-bottom: 0; font-weight: 600; text-transform: none; } #sidebar .list_with_image > ul > li{border-color: #f2f2f2;} .mad_sort_categories{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #f2f2f2; } .mad_sort_categories .custom_select{ width: 250px; display: inline-block; } .mad_sort_categories .custom_select:first-child{margin-right: 10px;} .mad_layout_buttons button{ background: none; line-height: 40px; } .mad_layout_buttons button i{ font-size: 20px; display: inline-block; vertical-align: middle; color: #eaeaea; } .mad_layout_buttons .black_button_active i{color: #b92127;} .mad_main2 .mad_layout_buttons .black_button_active i{color: #de5b92;} .mad_main3 .mad_layout_buttons .black_button_active i{color: #2abfd4;} .mad_main4 .mad_layout_buttons .black_button_active i{color: #82c213;} .mad_main5 .mad_layout_buttons .black_button_active i{color: #f4bc16;} .mad_main6 .mad_layout_buttons .black_button_active i{color: #5080bf;} .result_range{line-height: 40px;} .category_isotope_item .product_item .product_item_content .product_text{display: none;} .category_isotope_item .product_item:after{ clear: both; display: block; visibility: hidden; height: 0; content: "."; } .category_isotope_item.list_view_type .product_item figure{ float: left; margin-right: 30px; margin-bottom: 0; position: relative; } .category_isotope_item.list_view_type .product_item{ background: #f8f8f8; padding: 0 20px 0 0; } .category_isotope_item.list_view_type .product_item h5{padding-top: 20px;} .category_isotope_item.list_view_type .product_item .product_item_content{overflow: hidden;} .category_isotope_item.list_view_type .product_item .product_item_content .product_text{ display: block; margin-top: 15px; } .category_isotope_item figure{position: relative;} [class*="isotope_container"] [class*="isotope_item"].list_view_type{width: 100%;} .category_isotope_item .product_item figure img{ width: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .category_isotope_item:hover figure img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .category_isotope_item .product_item .product_item_content h5:hover a{text-decoration: underline;} .category_isotope_item .product_item figure{margin-bottom: 30px;} .category_isotope_item .product_item .product_item_content{position: relative;} .category_isotope_item .product_item .product_item_content h5{ font-weight: 600; text-transform: none; margin-bottom: 15px; display: inline-block; } .category_isotope_item .product_item .product_item_content .button{margin-top: 20px;} .category_isotope_item .product_item .product_item_content p{color: #b92127;} .mad_main2 .category_isotope_item .product_item .product_item_content p{color: #de5b92;} .mad_main3 .category_isotope_item .product_item .product_item_content p{color: #2abfd4;} .mad_main4 .category_isotope_item .product_item .product_item_content p{color: #82c213;} .mad_main5 .category_isotope_item .product_item .product_item_content p{color: #f4bc16;} .mad_main6 .category_isotope_item .product_item .product_item_content p{color: #5080bf;} .category_isotope_item .product_item .product_item_content p span{ color: #c0c0c0; text-decoration: line-through; } .category_isotope_item .product_item [class*="_label"]{ position: absolute; top: 0; left: 0; padding: 5px 19px; font-size: 12px; color: #fff; text-transform: uppercase; letter-spacing: 1px; } .category_isotope_item .product_item .sale_label{background: #b92127;} .category_isotope_item .product_item .sold_label{background: #2965b0;} .mad_main2 .category_isotope_item .product_item .sale_label{background: #de5b92;} .mad_main2 .category_isotope_item .product_item .sold_label{background: #27a63d;} .mad_main3 .category_isotope_item .product_item .sale_label{background: #2abfd4;} .mad_main4 .category_isotope_item .product_item .sale_label{background: #82c213;} .mad_main4 .category_isotope_item .product_item .sold_label{background: #2c95ff;} .mad_main5 .category_isotope_item .product_item .sale_label{background: #f4bc16;} .mad_main5 .category_isotope_item .product_item .sold_label{background: #666666;} .mad_main6 .category_isotope_item .product_item .sale_label{background: #5080bf;} .mad_main6 .category_isotope_item .product_item .sold_label{background: #ee2d32;} .alert_cart{ background: #2965b0; padding: 10px 10px 10px 20px; margin-bottom: 30px; } .mad_main2 .alert_cart{ background: #27a63d; border-radius: 5px; } .mad_main3 .alert_cart{background: #2abfd4;} .mad_main4 .alert_cart{background: #2c95ff;} .mad_main5 .alert_cart{background: #f4bc16;} .mad_main6 .alert_cart{background: #5080bf;} .alert_cart p{ color: #fff; line-height: 40px; float: left; } .alert_cart .button{float: right;} .price_discount, .mad_category a{ color: #b92127; } .mad_main2 .price_discount, .mad_main2 .mad_category a{ color: #de5b92; } .mad_main3 .price_discount, .mad_main3 .mad_category a{ color: #2abfd4; } .mad_main4 .price_discount, .mad_main4 .mad_category a{ color: #82c213; } .mad_main5 .price_discount, .mad_main5 .mad_category a{ color: #f4bc16; } .mad_main6 .price_discount, .mad_main6 .mad_category a{ color: #5080bf; } .mad_category a:hover{text-decoration: underline;} .price_discount span{ color: #c0c0c0; text-decoration: line-through; } .product_description .price_discount{ font-size: 28px; font-weight: 600; } .product_description p, .product_description .default_list_disk, .product_description .button{ margin-bottom: 20px; } .product_description .mad_category{margin-bottom: 5px;} .product_description .rating_list{margin-bottom: 10px;} .product_description .horisontal_list ul{display: inline-block;} .mad_cart_info .table_type_1.horisontal tr:first-child th, .mad_cart_info .table_type_1.horisontal tr:first-child td{ padding-top: 20px; } .mad_cart_info .table_type_1.horisontal tr:last-child th, .mad_cart_info .table_type_1.horisontal tr:last-child td{ padding-bottom: 20px; } .mad_cart_info .table_type_1.horisontal th{ background: none; width: 50% } .mad_cart_info .table_type_1.horisontal td{width: 50%;} .mad_cart_info .custom_select{margin-bottom: 10px;} .mad_cart_info form{margin-bottom: 15px;} .mad_cart_info form input{ width: 49%; } /* Blog */ .mad_blog h4{text-transform: none;} .mad_blog .post_news{margin-bottom: 45px;} .mad_blog .post_news .post_item{ width: 100%; float: none; } .mad_blog .post_news .post_item .post_body{padding: 30px 0 0;} .mad_list_view.post_news .post_item .post_body{padding: 0;} .mad_blog .isotope .post_news .post_item .post_body{ border: 2px solid #f5f5f5; padding: 30px; } .mad_main2 .mad_blog .isotope .post_news .post_item .post_body{border-radius: 0 0 5px 5px;} .mad_blog .isotope .post_news figure{margin-bottom: 0;} .mad_main2 .mad_blog .isotope .post_news figure, .mad_main2 .mad_blog .isotope .post_news figure img{ border-radius: 5px 5px 0 0; } .post_link{ background: #f5f5f5; padding: 20px; display: block; border: 1px solid transparent; } .mad_main2 .post_link, .mad_main2 .post_link .icon_link{ border-radius: 5px; } .post_link:hover{ background: transparent; border: 1px solid #2965b0; } .mad_main2 .post_link:hover{border-color: #27a63d;} .mad_main3 .post_link:hover{border-color: #2965b0;} .mad_main4 .post_link:hover{border-color: #2c95ff;} .mad_main5 .post_link:hover{border-color: #666666;} .mad_main6 .post_link:hover{border-color: #ee2d32;} .post_link .icon_link{ background: #b92127; color: #fff; font-family: 'fontello'; text-align: center; width: 50px; height: 50px; line-height: 50px; display: inline-block; vertical-align: middle; margin-right: 10px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .mad_main2 .post_link .icon_link{background: #de5b92;} .mad_main3 .post_link .icon_link{background: #2abfd4;} .mad_main4 .post_link .icon_link{background: #82c213;} .mad_main5 .post_link .icon_link{background: #f4bc16;} .mad_main6 .post_link .icon_link{background: #5080bf;} .post_link .icon_link:before{ content: '\ea66'; font-size: 18px; } .post_link span{ display: inline-block; font-size: 16px; vertical-align: middle; } .post_link:hover .icon_link{background: #2965b0;} .mad_main2 .post_link:hover .icon_link{background: #27a63d;} .mad_main4 .post_link:hover .icon_link{background: #2c95ff;} .mad_main5 .post_link:hover .icon_link{background: #666666;} .mad_main6 .post_link:hover .icon_link{background: #ee2d32;} .post_news .review_post{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #f5f5f5; } .post_news .review_post.comment_level_2{ padding-bottom: 0; border-bottom: none; } .post_news .review_post.comment_level_2 .review_text{ padding-bottom: 10px; padding-top: 15px; border-bottom: 1px solid #f5f5f5; } .comment_section{ margin-bottom: 45px; border-bottom: 1px solid #f5f5f5; } .post_news .review_post.comment_sub{padding-left: 85px;} .post_news .review_post.comment_level_2 .review_item{margin-bottom: 20px;} .post_news .review_post.comment_level_2 .review_text a:hover{color: #2965b0;} .mad_main2 .post_news .review_post.comment_level_2 .review_text a:hover{color: #27a63d;} .mad_main4 .post_news .review_post.comment_level_2 .review_text a:hover{color: #2c95ff;} .mad_main5 .post_news .review_post.comment_level_2 .review_text a:hover{color: #666666;} .mad_main6 .post_news .review_post.comment_level_2 .review_text a:hover{color: #ee2d32;} .post_news .review_post.comment_level_2 .review_text a:before{ display: inline-block; font-family: 'fontello'; content: '\e888'; margin-right: 10px; } .review_post .review_item .review_text h6{line-height: inherit;} .review_post .review_item .review_text p{padding-top: 10px;} .review_post.comment_level_2 p{line-height: 28px;} .mad_shop_page .review_post.comment_level_2 p{padding-bottom: 10px;} .mad_shop_page .review_post.comment_level_2 span a{color: #b92127;} .mad_main2 .mad_shop_page .review_post.comment_level_2 span a{color: #de5b92;} .mad_main3 .mad_shop_page .review_post.comment_level_2 span a{color: #2abfd4;} .mad_main4 .mad_shop_page .review_post.comment_level_2 span a{color: #82c213;} .mad_main5 .mad_shop_page .review_post.comment_level_2 span a{color: #f4bc16;} .mad_main6 .mad_shop_page .review_post.comment_level_2 span a{color: #5080bf;} .mad_shop_page .review_post.comment_level_2 span a:hover{text-decoration: underline;} .mad_blog .form_holder, .mad_shop_page .form_holder{ padding: 0; border: none; } .mad_blog .form_holder .form_type_1 .control-group .control-label, .mad_shop_page .form_holder .form_type_1 .control-group .control-label{ width: 90px; } .mad_blog .form_holder [class*="form_type_"] .control-group, .mad_shop_page .form_holder [class*="form_type_"] .control-group{ margin-bottom: 10px; } .mad_blog .form_holder .button, .mad_shop_page .form_holder .button{ margin-top: 15px; margin-left: 90px; } .mad_blog .post_news .button{margin-top: 0;} /* Contact page */ .contact_page h4{text-transform: none;} .contact_page #googleMap, .contact_page #googleMap3{ min-height: 500px; } .contact_page .get_in_touch{ position: absolute; top: 50%; right: 20%; width: 460px; background: #fff; z-index: 5; padding: 45px 25px; -webkit-box-shadow: 0px 0px 8px 0px rgba(194,194,194,1); -moz-box-shadow: 0px 0px 8px 0px rgba(194,194,194,1); box-shadow: 0px 0px 8px 0px rgba(194,194,194,1); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mad_main2 .contact_page .get_in_touch{border-radius: 5px;} .contact_page .get_in_touch h2{ line-height: 35px; text-align: center; } .contact_page .contact_form .button{margin-top: 15px;} .contact_page .c_info_list li .clearfix{margin-bottom: 15px;} .contact_page .c_info_list .contact_e{color: #b92127;} .mad_main2 .contact_page .c_info_list .contact_e{color: #de5b92;} .mad_main3 .contact_page .c_info_list .contact_e{color: #2abfd4;} .mad_main5 .contact_page .c_info_list .contact_e{color: #f4bc16;} .mad_main6 .contact_page .c_info_list .contact_e{color: #5080bf;} /* Coming soon */ .mad_coming_soon h4{text-transform: none;} .mad_coming_soon .social_icon_list ul li a{border-radius: 50px;} .mad_coming_soon .social_icon_list ul li:not(:last-child){margin-right: 20px;} .mad_main3 .mad_coming_soon .main_title:before{left: calc(50% - 50px);} .mad_main4 .mad_coming_soon .main_title{text-align: center;} /* Page 404 */ .page_404 h4{text-transform: none;} .section_404{ position: relative; text-align: center; height: 265px; } .section_404 h1{ font-size: 375px; color: #f9f9f9; margin-bottom: 0; line-height: 320px; } .mad_main4 .section_404 h1{line-height: 145px;} .section_404 .main_title{ background: none; padding-bottom: 0; margin-bottom: 20px; text-transform: none; } .section_404 .main_title:before{display: none;} .section_404 .section_404_inner{ position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* Widget-Tags */ .widget_tags a.tag{ display: inline-block; margin-right: 5px; margin-bottom: 10px; border: 2px solid #e2e2e2; padding: 10px 13px; } .widget_tags a.tag:hover{ background: #b92127; border-color: #b92127; color: #fff; } .mad_main2 .widget_tags a.tag{border-radius: 5px;} .mad_main2 .widget_tags a.tag:hover{ background: #27a63d; border-color: #27a63d; } .mad_main3 .widget_tags a.tag:hover{ background: #2abfd4; border-color: #2abfd4; } .mad_main4 .widget_tags a.tag:hover{ background: #82c213; border-color: #82c213; } .mad_main5 .widget_tags a.tag:hover{ background: #f4bc16; border-color: #f4bc16; } .mad_main6 .widget_tags a.tag:hover{ background: #5080bf; border-color: #5080bf; } /* Sidebar */ #sidebar .widget:not(:last-child){ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #f2f2f2; } #sidebar .widget h4{text-transform: none;} #sidebar .widget a h6{ margin-top: 20px; margin-bottom: 0; font-weight: bold; color: #333; letter-spacing: 1px; } #sidebar .widget a:hover h6{text-decoration: underline;} #sidebar .widget .tabs_content > [id*="tab-"]{ padding: 0; border: none; } #sidebar .widget .tabs_nav li a{padding: 10px 13px;} #sidebar .widget .tabs_content > [id*="tab-"] .mad_img_post{ padding: 25px 0; border-bottom: 1px solid #f2f2f2; } #sidebar .widget .tabs_content > [id*="tab-"] .mad_img_post:last-child{ border-bottom: none; padding-bottom: 0; } #sidebar .widget .tabs_content > [id*="tab-"] .mad_img_post > a{ float: left; margin-right: 10px; } #sidebar .widget .tabs_content > [id*="tab-"] .mad_img_post span{ color: #aeaeae; font-size: 13px; } #sidebar .widget .tabs_content > [id*="tab-"] .mad_img_post h5{ font-weight: 600; text-transform: none; margin-bottom: 0; } #sidebar .widget .tabs_content > [id*="tab-"] .mad_img_post h5 a:hover{text-decoration: underline;} /* About us */ .mad_about_us h2, .mad_pages h2, .mad_services h2, .pricing h2, .contact_page h2, .team h2, .mad_coming_soon h2, .mad_clients h2{ text-transform: none; } .mad_about_us .info_icon{ border: 0; width: auto; height: auto; font-size: 40px; } .mad_about_us .info_block .info_text{line-height: inherit;} .mad_about_us .carousel_type_1 .owl-carousel{margin-top: 0;} .mad_main2 .mad_clients .grid_list a img{ border: 1px solid #f9f9f9; border-radius: 5px; } /* Typography */ .mad_typography{padding: 90px 0;} .mad_typography h2, .mad_typography h3, .mad_typography h4, .mad_typography h5, .mad_typography h6{ color: #333; text-transform: none; } /* Columns */ .mad_columns{padding: 90px 0 45px;} .mad_columns [class*="col-sm-"]{margin-bottom: 45px;} .mad_columns h4{ text-transform: none; color: #333; } .mad_main2 .mad_columns h4, .mad_main5 .mad_columns h4{ color: #3b3b3b; } .mad_main3 .mad_columns h4{color: #353c42;} .mad_main4 .mad_columns h4{color: #1e3859;} .mad_main6 .mad_columns h4{color: #222;} /* Contact section */ .welcome_section{ background: url(../images/section_bg_img2.jpg) no-repeat top 20px right; padding: 90px 0; } .welcome_section h2{ font-size: 40px; color: #3b3b3b; margin-bottom: 50px; } .welcome_section p.last{padding: 20px 0;} .welcome_section .button{margin-top: 30px;} /* Contact section */ .contact_holder{ background: url(../images/1920x710_bg.jpg) no-repeat bottom; background-color: transparent; position: relative; background-size: contain; } /* Warranty section */ .warranty_block .warranty_item{ position: relative; padding-top: 115px; } .warranty_block .warranty_item:before{ position: absolute; left: calc(50% - 42px); top: 0; content: ""; font-family: 'fontello'; font-size: 30px; color: #2abfd4; border: 3px solid #2abfd4; border-radius: 150px; width: 90px; height: 90px; line-height: 84px; text-align: center; } .warranty_item.item_icon1:before{content: "\E807";} .warranty_item.item_icon2:before{content: "\E809";} .warranty_item.item_icon3:before{content: "\e96a";} .warranty_block .warranty_item h5{ color: #224687; padding-bottom: 15px; margin-bottom: 25px; position: relative; text-align: center; text-transform: none; font-size: 18px; font-weight: bold; } .warranty_block .warranty_item h5:after{ content: ""; position: absolute; top: 100%; left: calc(50% - 32px); display: block; width: 64px; height: 2px; background: #e3e3e3; } .warranty_block .warranty_item p{text-align: center;} /* Tips section */ .tips_section{ margin-bottom: 70px; } .tips_section .tip_item{ padding: 70px 30px; text-align: left; color: #555; position: relative; overflow: hidden; z-index: 1; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .tips_section .tip_item:before{ position: absolute; background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; opacity: 0; visibility: hidden; content: ''; -webkit-backface-visibility: hidden; -webkit-transition: opacity .7s ease, visibility .7s ease, -webkit-transform 17s linear; transition: opacity .7s ease, visibility .7s ease, transform 17s linear; } .tips_section .tip_item:hover{color: #fff;} .tips_section .tip_item:hover:before{ opacity: 1; visibility: visible; -webkit-transform: scale3d(1.3, 1.3, 0.999); -moz-transform: scale3d(1.3, 1.3, 0.999); -o-transform: scale3d(1.3, 1.3, 0.999); -ms-transform: scale3d(1.3, 1.3, 0.999); transform: scale3d(1.3, 1.3, 0.999); } .tips_section .col-sm-3:nth-child(1) .tip_item:before{background: url(../images/448x310_bg.jpg);} .tips_section .col-sm-3:nth-child(2) .tip_item:before{background: url(../images/448x310_bg2.jpg);} .tips_section .col-sm-3:nth-child(3) .tip_item:before{background: url(../images/448x310_bg3.jpg);} .tips_section .col-sm-3:nth-child(4) .tip_item:before{background: url(../images/448x310_bg4.jpg);} .tips_section .tip_item > div{margin-bottom: 20px;} .tips_section .tip_item > div{ color: #999; font-size: 13px; } .tips_section .tip_item:hover > div{color: #fff;} .tips_section .tip_item h4{ text-transform: none; line-height: 28px; margin-bottom: 20px; font-weight: 600; } .tips_section .tip_item:hover h4{color: #fff;} .tips_section .tip_item a:hover{text-decoration: underline;} .mad_main6 .tips_section .tip_item h4{color: #222;} .mad_main6 .tips_section .tip_item:hover h4{color: #fff;} /* Info section */ .info_section{padding: 45px 0;} .mad_main2 .info_section{background: #27a63d;} .mad_main4 .info_section{background: #389bff;} /* Pricing section */ .stat_section{padding: 75px 0;} .mad_main3 .stat_section{padding: 75px 0 45px;} .mad_main3 .stat_section .p_table_stat h2{ color: #2abfd4; font-weight: bold; } .stat_section .p_table_stat h2, .stat_section .p_table_stat h5, .stat_section .p_table_stat h6{ color: #fff; margin-bottom: 0; } .mad_main2.mad_elements .stat_section .p_table_stat h6{color: #333;} .mad_main3.mad_elements .stat_section .p_table_stat h6{color: #353c42;} .stat_section .p_table_stat .p_icon:before{ border-bottom: 2px solid; top: 100%; right: 10px; } .mad_main3 .stat_section .p_table_stat .p_icon:before{ border-bottom: 2px solid #2abfd4; margin-top: 2px; right: 15px; top: 95%; } .mad_main3 .stat_section .p_table_stat .p_icon{margin-top: -20px;} .stat_section .p_table_stat .p_icon{ margin-top: -25px; margin-bottom: 15px; } .mad_main2 .p_table_stat .p_icon{margin-top: -10px;} .mad_main3 .stat_section .p_table_stat .p_icon:after{content: '\E801';} .mad_main3 .stat_section .p_table_stat .p_icon:after{color: #2abfd4;} .mad_main2 .p_table_stat .p_icon:before{border-color: #de5b92;} .mad_main2 .p_table_stat .p_icon:after{color: #de5b92;} .mad_main2 .p_table_stat .p_icon:after{content: "\E818";} .mad_offset{padding-top: 90px;} /* Countdown */ #countdown .count_item{ border: 1px solid #e8e8e8; padding: 30px 20px 20px; text-align: center; } .mad_main2 #countdown .count_item{border-radius: 5px;} #countdown .count_item dt.main_title{ font-size: 55px; line-height: 55px; margin-bottom: 40px; } #countdown .count_item dd h5{ font-weight: 600; font-size: 18px; margin-bottom: 0; text-transform: none; } /* forms */ .form_holder{ border: 1px solid #eaeaea; padding: 20px; } .mad_main2 .form_holder{border-radius: 5px;} .form_holder input, .form_holder textarea{ border: 1px solid #eaeaea; padding: 9px 10px; } .form_holder .custom_select .select_list{ border: 1px solid #eaeaea; border-top: none; } /* elements */ .mad_main.mad_elements .mad_title{ text-transform: none; font-weight: normal; color: #333; } .mad_main2 .mad_elements .mad_title, .mad_main5 .mad_elements .mad_title{ color: #3b3b3b; } .mad_main3.mad_elements .mad_title{color: #353C42;} .mad_main4.mad_elements .mad_title{color: #1e3859;} .mad_main6.mad_elements .mad_title{color: #222;} [class*="mad_main"].mad_elements [class*="image_bg_section"] h4{color: #fff;} .full_width_img{padding-bottom: 30px;} .img_grid:not(:last-child){margin-bottom: 30px;} .img_grid.var2 p:not(:last-child){ padding-bottom: 15px; } .img_grid h5{ text-transform: none; font-size: 18px; margin-bottom: 10px; font-weight: normal; } .img_grid p a{color: #333333;} .img_grid p a:hover{ color: #b92127; border-bottom: none; } .img_grid.var2 [class*="default_list_"]{margin-bottom: 15px;} .img_left{ float: left; margin-right: 35px; } .img_right{ float: right; margin-left: 35px; } /* social widget */ .mad_main2 .social_widgets > li > a{border-radius: 5px 0 0 5px;} .social_widgets{ position:fixed; right:0; top:245px; z-index:5; } .social_widgets > li{ margin-bottom:4px; transition:all .4s ease; } .social_widgets > li.opened{ -webkit-transform:translateX(-285px); -moz-transform:translateX(-285px); -o-transform:translateX(-285px); -ms-transform:translateX(-285px); transform:translateX(-285px); z-index:1; } .sw_content{ position:absolute; left:100%; top:0; padding: 30px 25px; width: 285px; overflow: hidden; background:#fff; } .mad_main2 .sw_content{border-radius: 0 0 0 5px;} .sw_content iframe{width: auto;} .sw_content #contact-form textarea{ height: 140px; } .social_widgets.social a{margin-right: 0;} .social_widgets.social a.contact_e{color: #b92127;} .mad_main6 .social_widgets.social a.contact_e{color: #5080bf;} .social_widgets.social #contact-form .buttons2 a{ border-radius: 10px; width: auto; height: auto; margin-left: 0; } [class*="soc_block_"]{ position: relative; } [class*="soc_block_"] .sw_content fieldset{ border: none; padding: 0; } [class*="soc_block_"] .sw_content h4{ font-size: 14px; color: #333333; font-weight: 600; } .soc_block_instagram iframe, .widget iframe{ border: none; height: 230px; overflow-x:hidden!important; overflow-y:hidden!important; } .mad_main2 [class*="soc_block_"] .sw_content h4{ color: #3b3b3b; font-weight: bold; font-family: 'Hind'; font-size: 16px; } .mad_main3 [class*="soc_block_"] .sw_content h4{color: #353c42;} .mad_main4 [class*="soc_block_"] .sw_content h4{ font-family: 'Palanquin', sans-serif; color: #1e3859; font-weight: bold; text-transform: uppercase; } .mad_main6 [class*="soc_block_"] .sw_content h4{color: #5080bf;} [class*="soc_block_"] .sw_content p span{ color: #ee1b40; padding: 0; } .c_info_list li:not(:last-child){ margin-bottom: 15px; } .c_info_list li p, .c_info_list li a{ line-height: 22px; margin-bottom: 0; } /* nick padding left was 25*/ .c_info_list li p, .c_info_list li a{ padding-left: 12px; width: auto; overflow: visible; display: block; text-align: left; height: auto; } .c_info_list li p a{ padding-left: 0; display: inline-block; } .c_info_list li i{ color: #2965b0; line-height: 22px; float: left; font-size: 16px; } .mad_main2 .c_info_list li i{color: #27a63d;} .mad_main3 .c_info_list li i{color: #224687;} .mad_main4 .c_info_list li i{color: #82c213;} .mad_main5 .c_info_list li i{color: #f4bc16;} .mad_main6 .c_info_list li i{color: #5080bf;} .social > li > a{ display: inline-block; width: 48px; height: 48px; overflow:hidden; margin-right: 2px; position: relative; text-align: center; } .mad_main4 .c_info_list li a.contact_e{color: #262729;} .c_info_list li a.contact_e:hover{text-decoration: underline;} .social > li > a:before{ font-family: 'fontello'; color: #fff; font-size: 16px; line-height: 48px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .social > li > a:hover:before{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); } .social a.icon_twitter{background: #2daae1;} .social a.icon_facebook{background: #3b5998;} .social a.icon_mail{background: #1abc9c;} .social a.icon_marker{background: #e74c3c;} .social a.icon_instagram{background: #835e42;} .soc_block_mail form{margin-top: 20px;} .soc_block_mail form input, .soc_block_mail form textarea{ margin-bottom: 5px; background: transparent; border: 1px solid #e8e8e8; font-size: 12px; } .soc_block_mail form textarea{font-size: 13px;} .soc_block_mail form input::-moz-placeholder, .soc_block_mail form textarea::-moz-placeholder{ color: #868788; } .soc_block_mail form input::-webkit-input-placeholder, .soc_block_mail form textarea::-webkit-input-placeholder{ color: #868788; } .mad_main3 .soc_block_mail form input::-moz-placeholder, .mad_main3 .soc_block_mail form textarea::-moz-placeholder{ color: #353c42; } .mad_main3 .soc_block_mail form input::-webkit-input-placeholder, .mad_main3 .soc_block_mail form textarea::-webkit-input-placeholder{ color: #353c42; } .mad_main4 .soc_block_mail form input::-moz-placeholder, .mad_main4 .soc_block_mail form textarea::-moz-placeholder{ color: #77797c; } .mad_main4 .soc_block_mail form input::-webkit-input-placeholder, .mad_main4 .soc_block_mail form textarea::-webkit-input-placeholder{ color: #77797c; } .mad_main6 .soc_block_mail form input::-moz-placeholder, .mad_main6 .soc_block_mail form textarea::-moz-placeholder{ color: #999999; } .mad_main6 .soc_block_mail form input::-webkit-input-placeholder, .mad_main6 .soc_block_mail form textarea::-webkit-input-placeholder{ color: #999999; } .soc_block_mail .button{margin-top: 10px;} .soc_block_mail form textarea{height: 90px;} .soc_block_marker #googleMap2{ height: 220px; margin-top: 15px; } .soc_block_marker .sw_content a:hover{text-decoration: underline;} .mad_main5 .soc_block_marker a{color: #3b3b3b;} .mad_main6 .soc_block_marker a{color: #222;} /* popup */ .popup_alert{ position: absolute; width: 100%; top: 0; background: #b92127; font-size: 14px; color: #fff; padding: 10px 0; z-index: 199; } .mad_main2 .popup_alert{background: #de5b92;} .mad_main3 .popup_alert{background: #910000;} .mad_main4 .popup_alert{background: #e00200;} .mad_main5 .popup_alert{ background: #be1f1f; font-size: 13px; } .mad_main6 .popup_alert{ background: #ec3238; font-size: 13px; } .popup_alert.cookie{ background: rgba(0,0,0, .8); text-align: center; } .popup_alert.cookie .elements_buttons{display: inline-block;} .mad_main2 .popup_alert.cookie{ background: rgba(39,166,61,0.9); padding: 10px 0; } .mad_main3 .popup_alert.cookie{ background: #2d4f8d; font-size: 13px; } .mad_main4 .popup_alert.cookie{background: rgba(30,56,89,0.9);} .mad_main5 .popup_alert.cookie{background: #3b3b3b;} .mad_main6 .popup_alert.cookie{ background: #222222; } .popup_alert p{ display: inline-block; position: relative; padding: 8px 0; } .mad_main .popup_alert p{ margin-bottom: 10px; padding: 0; } .popup_alert p:before{ content: '\ebbf'; font-family: 'fontello'; font-size: 18px; color: #fff; display: inline-block; padding-right: 10px; } .popup_alert.cookie p:before{display: none;} .popup_alert.cookie .button:last-child{margin-left: 5px;} .popup_alert .button.top > span span{ background: #fff; color: #2965b0; } .mad_main5 .popup_alert .button.type1 > span span:first-child{color: #fff;} .mad_main5 .popup_alert.cookie .button.type3 > span span:first-child{color: #3b3b3b;} .mad_main4 .popup_alert .button.type3 > span span:first-child{color: #262729;} .mad_main3 .popup_alert .button.type3 > span span:first-child{color: #2abfd4;} .mad_main2 .popup_alert .button.type3 > span span:first-child{color: #27a63d;} /* Section */ [class*="mad_section"]{ padding: 90px 0; position: relative; } .mad_section_bg1{background: #f9f9f9;} .mad_section_bg2{background: #1e3859;} [class*="mad_section"].inset1{padding: 90px 0 45px;} [class*="mad_section"].inset2{padding: 0 0 45px;} [class*="mad_section"].inset3{padding: 90px 0 0 0;} [class*="mad_section"].inset4{padding-top: 125px;} [class*="mad_section"].inset_none{padding: 0;} [class*="mad_section"].inset9{padding: 90px 0 0 0;} [class*="mad_section"].inset6{padding: 0 0 90px 0;} [class*="mad_section"].inset7{padding: 0 0 100px 0;} [class*="mad_section"].inset8{padding: 45px 0;} .mad_section_image{ padding: 140px 0 100px; background: url(../images/right_bg_image.png) no-repeat right bottom #f9f9f9; } .mad_section_image2{ background: url(../images/1920x856_bg.jpg) no-repeat #f9f9f9; padding: 90px 0; -webkit-background-size: cover; background-size: cover; } .mad_section_image3{ background: url(../images/1920x589_bg.jpg) no-repeat bottom #fff; padding: 90px 0; -webkit-background-size: contain; background-size: contain; } .mad_main6 [class*="mad_section"], .mad_main6 [class*="image_bg_section"]{ text-align: center; } .mad_main6.mad_elements [class*="mad_section"], .mad_main6.mad_elements [class*="image_bg_section"]{ text-align: left; } /* welcome block */ .greetings{text-align: center;} .greetings .button{margin-top: 35px;} /* post_area */ .post_area .item_holder{ position: relative; overflow: hidden; cursor: pointer; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .post_area .item_holder:before{ content: ''; background: #2965b0; height: 3px; width: 100%; position: absolute; z-index: 2; left: 0; top: 0; } .mad_main2 .post_area .item_holder:before{background: #27a63d;} .mad_main3 .post_area .item_holder:before{background: #2abfd4;} .mad_main4 .post_area .item_holder:before{background: #82c213;} .mad_main5 .post_area .item_holder:before{background: #f4bc16;} .mad_main6 .post_area .item_holder:before{background: #5080bf;} .post_area .item_holder:after{ content: ''; background: #b92127; height: 3px; width: 0; position: absolute; z-index: 3; left: 0; top: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .mad_main2 .post_area .item_holder:after{background: #de5b92;} .mad_main3 .post_area .item_holder:after{background: #2965b0;} .mad_main4 .post_area .item_holder:after{background: #2c95ff;} .mad_main5 .post_area .item_holder:after{background: #666666;} .mad_main6 .post_area .item_holder:after{background: #ee2d32;} .post_area .item_holder .item_img{ position: relative; overflow: hidden; } .post_area .item_holder .item_img:before{ content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; right: 0; background: rgba(0,0,0,.3); z-index: 1; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .post_area.var2 .item_holder .item_img:before{background: none;} .post_area.var2 .item_holder:hover .item_img:before{background: rgba(0,0,0,0.5);} .post_area .user_info{ background: #efefef; padding: 20px 10px; text-align: center; position: relative; z-index: 2; } .post_area .user_info h5{ margin-bottom: 5px; letter-spacing: 1px; } .post_area .user_info h6{margin-bottom: 0;} .post_area .item_holder .item_img img{ -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .item_holder:hover .item_img:before{background: none;} .post_area .item_holder:hover:after{width: 100%;} .post_area.all_services .item_holder:hover .item_block .button > span span{background: #2965b0;} .mad_main2 .post_area.all_services .item_holder:hover .item_block .button > span span{background: #27a63d;} .mad_main4 .post_area.all_services .item_holder:hover .item_block .button > span span{background: #2c95ff;} .mad_main5 .post_area.all_services .item_holder:hover .item_block .button > span span{ background: #666666; color: #fff; } .mad_main6 .post_area.all_services .item_holder:hover .item_block .button > span span{background: #ee2d32;} .post_area.all_services .item_holder .item_block .button:hover > span{ -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .post_area .item_holder:hover .item_img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .post_area.var2 .item_holder:hover .item_img{ -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .post_area .item_holder .item_block{ background: #fff; padding: 0 20px; text-align: center; margin: 0 15px; margin-top: -20px; position: relative; z-index: 2; } .post_area .item_holder img{ width: 100%; } .post_area .item_holder .item_block .button{ margin-top: -20px; margin-bottom: 20px; } .post_area .item_holder .item_block h4{ text-transform: none; font-weight: normal; color: #333333; margin-bottom: 10px; } .post_area .item_holder:hover .item_block h4{color: #b92127;} .mad_main5 .post_area .item_holder:hover .item_block h4{color: #f4bc16;} .mad_main6 .post_area .item_holder:hover .item_block h4{color: #5080bf;} .mad_main2 .all_services.with_bg{ background: url(../images/1920x730_bg.jpg) bottom no-repeat #fff; background-size: contain; } .tabs.var2 .tabs_nav li a{ background: none; font-weight: bold; color: #3b3b3b; border-bottom: 2px solid #f3f3f3; text-transform: uppercase; } .tabs.var2 .tabs_nav li a:before{ display: inline-block; margin-right: 20px; font-family: 'fontello'; text-align: center; width: 35px; height: 35px; font-size: 18px; line-height: 31px; color: #2965b0; border: 2px solid #2965b0; vertical-align: middle; border-radius: 5px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .mad_main2 .tabs.var2 .tabs_nav li a:before{ color: #27a63d; border: 2px solid #27a63d; } .mad_main3 .tabs.var2 .tabs_nav li a:before{ color: #2abfd4; border: 2px solid #2abfd4; } .mad_main4 .tabs.var2 .tabs_nav li a:before{ color: #2c95ff; border: 2px solid #2c95ff; } .mad_main5 .tabs.var2 .tabs_nav li a:before{ color: #666666; border: 2px solid #666666; } .mad_main6 .tabs.var2 .tabs_nav li a:before{ color: #ee2d32; border: 2px solid #ee2d32; } .tabs.var2.vertical .tabs_nav{min-width: 265px;} .tabs.var2.vertical .tabs_nav li a{padding: 14px 20px;} .tabs.var2 .tabs_nav li a:hover, .tabs.var2 .tabs_nav li.ui-tabs-active a{ color: #fff; border-color: #fff; } .mad_main .tabs.var2 .tabs_nav li a:hover, .mad_main .tabs.var2 .tabs_nav li.ui-tabs-active a{ background: #2965b0; } .mad_main2 .tabs.var2 .tabs_nav li a:hover, .mad_main2 .tabs.var2 .tabs_nav li.ui-tabs-active a{ background: #27a63d; } .mad_main3 .tabs.var2 .tabs_nav li a:hover, .mad_main3 .tabs.var2 .tabs_nav li.ui-tabs-active a{ background: #2abfd4; } .mad_main4 .tabs.var2 .tabs_nav li a:hover, .mad_main4 .tabs.var2 .tabs_nav li.ui-tabs-active a{ background: #82c213; } .mad_main5 .tabs.var2 .tabs_nav li a:hover, .mad_main5 .tabs.var2 .tabs_nav li.ui-tabs-active a{ background: #666666; } .mad_main6 .tabs.var2 .tabs_nav li a:hover, .mad_main6 .tabs.var2 .tabs_nav li.ui-tabs-active a{ background: #ee2d32; } .tabs.var2 .tabs_nav li a:hover:before, .tabs.var2 .tabs_nav li.ui-tabs-active a:before{ color: #fff; border-color: #fff; } .tabs.var2.vertical .tabs_nav li{margin-bottom: 0;} .tabs.var2 .tabs_content > [id*="tab-"]{ padding: 0 0 0 30px; border: none; } .mad_main .tabs_content > [id*="tab-"] h4{ text-transform: none; font-weight: 600; color: #3b3b3b; margin-bottom: 20px; } .mad_main2 .tabs_content > [id*="tab-"] h4{ font-family: 'Playfair Display', serif; font-weight: bold; text-transform: none; color: #3b3b3b; } .mad_main2 .tabs_content > [id*="tab-"] > ul{margin: 30px 0 0 0;} .mad_main2 .tabs_content [class*="default_list_"] li:before{font-size: 16px;} .mad_main2 .tabs_content [class*="default_list_"] li:not(:first-child){margin-top: 10px;} .mad_main2 .tabs_content > [id*="tab-"] > .button{margin-top: 30px;} .mad_main2 .all_services .tabs.vertical .tabs_content{max-width: 610px;} /* review block */ .post_img_container h2{color: #fff;} .review_post .review_item figure{ float: left; margin-right: 25px; } .review_text{overflow: hidden;} .review_post.var2 .review_item:not(:last-child){margin-bottom: 30px;} .mad_main .review_post .review_item .review_text{overflow: hidden;} .mad_main.mad_elements .review_post .review_item .review_text{color: #646464;} .review_post .review_item.var2 .review_text h6{color: #333333;} .review_post .review_item .review_text h6{ font-size: 14px; margin-bottom: 10px; font-weight: bold; letter-spacing: 1px; } [class*="image_bg_section"] .review_post .review_item .review_text h6, [class*="image_bg_section"] .review_post .review_item .review_text{ color: #fff; } .mad_main2 .review_post .review_item.var2 .review_text h6{color: #3b3b3b;} .mad_main3 .review_post .review_item.var2 .review_text h6{color: #353c42;} .mad_main4 .review_post .review_item.var2 .review_text h6{color: #1e3859;} .mad_main5 .review_post .review_item.var2 .review_text h6{color: #3b3b3b;} .mad_main6 .review_post .review_item.var2 .review_text h6{color: #222;} .review_post .review_item .review_text a{color: #b92127;} .review_post .review_item .review_text p{padding-top: 25px;} .mad_main2 .review_post .review_item .review_text a{color: #de5b92;} .mad_main3 .review_post .review_item .review_text a{color: #28a7ba;} .mad_main4 .review_post .review_item .review_text a{color: #82c213;} .mad_main5 .review_post .review_item .review_text a{color: #f4bc16;} .mad_main6 .review_post .review_item .review_text a{color: #5080bf;} /* news block */ .post_news .post_item{ float: left; width: 33.3%; } .post_news .post_item .figure a img{width: 100%;} .post_news .button{margin-top: 45px;} .post_news .post_item .post_body{ padding: 30px; background-color: #fff; } .post_news .post_item .post_body{ position: relative; top: 100%; left: 0; } .post_news .post_item figure{position: relative;} .post_news .post_item figure:before{ content: ''; position: absolute; bottom: 0; left: calc(50% - 17.5px); width: 0; height: 0; border-left: 17.5px solid transparent; border-right: 17.5px solid transparent; border-bottom: 12px solid #fff; z-index: 1; } .mad_portfolio .post_news .post_item figure:before, .mad_blog .post_news .post_item figure:before{ display: none; } .mad_portfolio #main .post_news .post_item .button, .mad_portfolio .isotope.four_collumn .post_item .button{ width: 125px; } .post_news .post_item.var2 figure:before{ top: auto; top: 0; border-bottom: none; border-left: 17.5px solid transparent; border-right: 17.5px solid transparent; border-top: 12px solid #fff; } .post_news .post_item .post_body h4{ text-transform: none; color: #000; padding-bottom: 15px; margin-bottom: 0; font-weight: 500; display: inline-block; font-family: 'Palanquin',sans-serif; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } .mad_main4 .post_news .post_item .post_body h4{color: #262729;} .post_news .post_item .post_body a:hover h4{text-decoration: underline;} .post_news .post_item .post_body .post_meta{ color: #aeaeae; font-size: 13px; padding-bottom: 5px; } .post_news .post_item .button:nth-child(1n){margin-right: 5px;} .post_news .post_item .button:last-child{margin-right: 0;} .mad_main4 .post_news .post_item .post_body .post_meta{color: #b0b3b7;} .post_news .post_item p{margin-bottom: 20px;} .post_news .post_social{ font-size: 13px; margin-bottom: 20px; } .mad_main4 .post_news .post_social{font-size: 14px;} .post_news .post_social .post_social_autor{float: left;} .post_news .post_social .post_social_event{float: right;} .post_social_autor a:hover{text-decoration: underline;} .post_news .post_social .post_social_item:not(:last-child){margin-bottom: 5px;} .post_social_event a:before{ color: #dedede; font-family: 'fontello'; vertical-align: top; font-size: 14px; -webkit-transition: all .3s ease; transition: all .3s ease; } .post_social_event a:hover:before{ color: #b92127; font-size: 16px; } .mad_main2 .post_social_event a:hover:before, .mad_main2 .mad_blog .tabs_sort .isotope .post_social_event span, .mad_main2 .post_social_event span{ color: #de5b92; } .mad_main3 .post_social_event a:hover:before, .mad_main3 .mad_blog .tabs_sort .isotope .post_social_event span, .mad_main3 .post_social_event span{ color: #2abfd4; } .mad_main4 .post_social_event a:hover:before, .mad_main4 .mad_blog .tabs_sort .isotope .post_social_event span, .mad_main4 .post_social_event span{ color: #82c213; } .mad_main5 .post_social_event a:hover:before, .mad_main5 .mad_blog .tabs_sort .isotope .post_social_event span, .mad_main5 .post_social_event span{ color: #f4bc16; } .mad_main6 .post_social_event a:hover:before, .mad_main6 .mad_blog .tabs_sort .isotope .post_social_event span, .mad_main6 .post_social_event span{ color: #5080bf; } .post_social_event span{ min-width: 25px; display: inline-block; padding-left: 10px; color: #b92127; } .load_more_item{display: none;} .tabs_sort .isotope .post_body .post_social_event span{color: #b92127;} .post_social_event .social_comment:before{content: "\e898";} .post_social_event .social_like:before{content: "\e843";} .post_news .post_item .post_body .post_social .post_social_autor a{color: #b92127;} .mad_main2 .post_news .post_item .post_body .post_social .post_social_autor a{color: #de5b92;} .mad_main3 .post_news .post_item .post_body .post_social .post_social_autor a{color: #2abfd4;} .mad_main4 .post_news .post_item .post_body .post_social .post_social_autor a, .mad_main4 .post_social_event a:hover:before{ color: #2c95ff; } .mad_main5 .post_news .post_item .post_body .post_social .post_social_autor a, .mad_main5 .post_social_event a:hover:before{ color: #f4bc16; } .mad_main6 .post_news .post_item .post_body .post_social .post_social_autor a, .mad_main6 .post_social_event a:hover:before{ color: #5080bf; } .post_news .post_item .post_body .post_social .post_social_autor a:hover{text-decoration: underline;} .post_news > .button{margin-top: 40px;} /* hot-line block */ .hot_line{padding: 45px 0;} .hot_line .row > div{text-align: left;} .hot_line .row > div:last-child{text-align: right;} .hot_line.var2{ background: #efefef; padding: 25px 0; } .hot_line.var3{ background: #2965b0; padding: 25px 35px; } .mad_main2 .hot_line.var3{ background: #27a63d; border-radius: 5px; } .mad_main3 .hot_line.var3{background: #224687;} .mad_main4 .hot_line.var3{background: #2c95ff;} .mad_main5 .hot_line.var3{background: #f4bc16;} .mad_main6 .hot_line.var3{background: #5080bf;} .hot_line.var4{ background: #224687; padding: 20px 0; } .hot_line.var5{ background: #f8f8f8; padding: 55px 0; } .hot_line h3{ font-weight: normal; color: #fff; text-transform: none; margin-bottom: 0; line-height: 47px; } .hot_line.var2 h3{ color: #b92127; line-height: 35px; } .mad_main2 .hot_line.var2 h3{color: #de5b92;} .mad_main3 .hot_line.var2 h3{color: #2abfd4;} .mad_main4 .hot_line.var2 h3{color: #82c213;} .mad_main5 .hot_line.var2 h3{color: #f4bc16;} .mad_main6 .hot_line.var2 h3{color: #5080bf;} .hot_line.var3 h3{ color: #fff; line-height: 35px; } .hot_line.var4 h4{ text-transform: none; color: #fff; font-weight: normal; margin-bottom: 0; line-height: 40px; } .hot_line p{ font-size: 16px; padding-top: 5px; } .hot_line.var2 p{color: #818181;} .hot_line.var3 p{color: #fff;} .hot_line h3 span{font-weight: 600;} .hot_line.var4 .button.type3 > span span:first-child{color: #353c42;} .hot_line.var4 .button{margin-left: 5px;} .mad_main6 .hot_line.var5{text-align: center;} .mad_main6 .hot_line.var5 h3{ color: #3b3b3b; font-family: Arial; font-weight: normal; text-transform: uppercase; margin-bottom: 15px; } .mad_main6 .hot_line.var5 h3 span{color: #622f72;} /* g_map block */ #googleMap{ width: 100%; padding-bottom: 30%; min-height: 300px; z-index: 1; } .mad_main6 .top_map_section{ min-height: 720px; width: 100%; background: url(../images/map_img.jpg) no-repeat; } .mad_main6 .top_map_section{position: relative;} .mad_main6 .top_map_section .top_map_holder{ position: absolute; left: 0; top: 60px; width: 100%; text-align: center; } .mad_main6 .top_map_section .top_map_holder h3{ font-weight: normal; color: #222222; margin-bottom: 0; } .mad_main6 .top_map_section .top_map_holder h2{ font-weight: bold; color: #222222; font-size: 75px; line-height: 75px; } .mad_main6 .top_map_section .top_map_holder .moving_section{ display: inline-block; padding: 50px 35px; text-align: center; background: rgba(255,255,255,.9); max-width: 945px; } .mad_main6 .top_map_section .top_map_holder .moving_section h3{ text-transform: none; margin-bottom: 30px; } .mad_main6 .top_map_section .top_map_holder .moving_section .moving_item{ background: #ec3238; padding: 30px 40px; position: relative; margin: 0 15px; } .mad_main6 .top_map_section .top_map_holder .moving_section .moving_item:before{ position: absolute; top: 100%; left: calc(50% - 25px); content: ""; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 20px solid #ec3238; } .mad_main6 .top_map_section .top_map_holder .moving_section .moving_item:after{ position: absolute; bottom: 0; content: ""; width: 0; height: 0; } .mad_main6 .top_map_section .top_map_holder .moving_section .moving_item:first-child:after{ right: 0; border-bottom: 40px solid #fff; border-left: 40px solid transparent; } .mad_main6 .top_map_section .top_map_holder .moving_section .moving_item:last-child:after{ border-bottom: 40px solid #fff; border-right: 40px solid transparent; left: 0; } .mad_main6 .top_map_section .top_map_holder .moving_section .moving_item h6{ font-size: 14px; color: #fff; font-weight: bold; margin-bottom: 15px; text-transform: none; } .mad_main6 .top_map_section .top_map_holder .moving_section .moving_item input{ background: #fff; border: none; padding: 10px 20px; text-align: center; } .mad_main6 .top_map_section .top_map_holder .moving_section .timeline{ margin-top: -15px; width: 350px; display: inline-block; border-bottom: 2px solid #ec3238; position: relative; padding-top: 50px; margin-bottom: 5px; } .mad_main6 .top_map_section .top_map_holder .moving_section .timeline:before, .mad_main6 .top_map_section .top_map_holder .moving_section .timeline:after{ content: '\eb01'; font-family: 'fontello'; position: absolute; bottom: -1px; color: #ec3238; font-size: 40px; line-height: 0; } .mad_main6 .top_map_section .top_map_holder .moving_section .timeline:before{left: -1px;} .mad_main6 .top_map_section .top_map_holder .moving_section .timeline:after{right: -1px;} .mad_main6 .top_map_section .top_map_holder .moving_section .timeline .icon-location-4, .mad_main6 .top_map_section .top_map_holder .moving_section .timeline .icon-logistics3{ position: absolute; font-size: 45px; color: #ec3238; top: 0; } .mad_main6 .top_map_section .top_map_holder .moving_section .timeline .icon-logistics3{ left: calc(50% - 38px); font-size: 55px; } .mad_main6 .top_map_section .top_map_holder .moving_section .timeline p{font-size: 13px;} .mad_main6 .top_map_section .top_map_holder .moving_section .timeline .icon-location-4:first-child{left: -27px;} .mad_main6 .top_map_section .top_map_holder .moving_section .timeline .icon-location-4:last-child{right: -27px;} .mad_main6 .top_map_section .top_map_holder .moving_section .button{margin-top: 30px;} /* Contact popup */ .popup_holder.quick_contact .popup{ padding: 45px 30px; width: 420px; background: #fff; text-align: center; border-radius: 5px; } .popup_holder.quick_contact .popup h4{ text-transform: none; font-weight: bold; font-family: 'Playfair Display', serif; color: #3b3b3b; } .popup_holder.quick_contact .popup #closePopup{color: #3b3b3b;} .popup_holder.quick_contact .popup #closePopup:hover{color: #de5b92;} .popup_holder.quick_contact .popup .contact_form .button{margin-top: 30px;} .popup_holder.quick_contact .popup .contact_form{margin-top: 30px;} .popup_holder.quick_contact .popup .contact_form ul li:not(:last-child){margin-bottom: 10px;} .popup_holder.quick_contact .popup .contact_form ul li input, .popup_holder.quick_contact .popup .contact_form ul li .custom_select .select_title, .popup_holder.quick_contact .popup .contact_form ul li .custom_select .select_list{ background: #f9f9f9; color: #8c8c8c; border: none; text-align: left; padding: 7px 15px; font-size: 14px; } .popup_holder.quick_contact .popup .contact_form ul li .custom_select .select_list{padding: 0;} .popup_holder.quick_contact .popup .contact_form ul li .custom_select .select_list li:hover{background: #de5b92;} /* Subscribe popup */ .popup_holder.subscribe .popup:before{ content: ''; background: url(../images/subscribe_holder_img.png) no-repeat; position: absolute; left: -154px; top: 0; height: 443px; width: 214px; } .popup_holder.subscribe .popup{ width: 650px; text-align: center; } .popup_holder.subscribe .popup h2{ margin-bottom: 0; font-weight: bold; color: #333333; padding: 60px 15px 50px; } .popup_holder.subscribe .pop_container{ background: #2965b0; padding: 25px 15px; color: #fff; font-weight: 400; } .popup_holder.subscribe .pop_container h3{ color: #fff; font-size: 28px; margin-bottom: 10px; text-transform: none; font-weight: normal; } .popup_holder.subscribe .pop_container div{font-size: 18px;} .popup_holder.subscribe .button{margin: 45px 0;} /* Subscribe popup - 2 */ .popup_holder.subscribe2 .popup{ background: #2abfd4; width: 750px; } .popup_holder.subscribe2 .popup .popup_top{padding: 50px 65px 45px 65px;} .popup_holder.subscribe2 .popup h2, .popup_holder.subscribe2 .popup h4{ color: #fff; text-transform: none; } .popup_holder.subscribe2 .popup h2{ font-weight: 600; font-size: 35px; margin-bottom: 0; } .popup_holder.subscribe2 .popup h4{ font-weight: normal; margin-bottom: 30px; } .popup_holder.subscribe2 .popup .contact_form button{ float: right; margin-left: 15px; } .popup_holder.subscribe2 .popup .contact_form input{ background: #fff; border: none; border-radius: 5px; padding: 0 20px; height: 46px; line-height: 46px; } .popup_holder.subscribe2 .popup .contact_form input::-webkit-input-placeholder{ font-size: 14px; color: #545F68; } .popup_holder.subscribe2 .popup .contact_form input::-moz-placeholder{ font-size: 14px; color: #545F68; } .popup_holder.subscribe2 #closePopup{color: #fff;} .popup_foot{ background: #224687; padding: 15px; text-align: center; color: #fff; } /* Subscribe popup - 3 */ .popup_holder.subscribe3 .popup{ background: #fff; width: 555px; padding: 40px 0 60px; text-align: center; } .popup_holder.subscribe3 .popup h2{ font-family: 'Shadows Into Light'; font-size: 70px; color: #2c95ff; margin-bottom: 10px; font-weight: normal; } .popup_holder.subscribe3 .popup h4, .popup_holder.subscribe3 .popup h2, .popup_holder.subscribe3 .popup h5{ text-transform: none; } .popup_holder.subscribe3 .popup h4{font-weight: normal;} .popup_holder.subscribe3 .popup h5{ font-weight: normal; font-size: 18px; margin-bottom: 0; } .popup_holder.subscribe3 .button{margin-top: 35px;} .popup_holder.subscribe3 #closePopup{color: #a4a4a4;} /* Subscribe popup - 4 */ .popup_holder.subscribe4 .popup{ background: url(../images/money_hand.jpg) no-repeat left #fff; width: 675px; padding: 60px 50px 60px 280px; color: #646464; } .popup_holder.subscribe4 .popup h2{ font-size: 36px; color: #f4bc16; font-weight: 300; text-transform: none; } .popup_holder.subscribe4 .popup h2 span{font-weight: 900;} .popup_holder.subscribe4 .popup .button{margin-top: 25px;} .popup_holder.subscribe4 .popup #closePopup{color: #a4a4a4;} #closePopup, .closePopup{ color: #a4a4a4; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #closePopup:hover, .closePopup:hover{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); } table tr td .closePopup{ position: relative; top: auto; right: auto; font-size: 14px; } .mad_main6 .popup_holder.subscribe4 .popup{color: #555;} .mad_main6 .popup_holder.subscribe4 .popup h2{ font-size: 35px; color: #ec3238; font-weight: normal; text-transform: none; } /*----------- Social icons --------------*/ .social_icon_list ul li{ display: inline-block; margin-right: 2px; margin-bottom: 5px; } .social_icon_list ul li a{ display: block; width: 38px; height: 38px; color: #fff; background: #b92127; font-family: 'fontello'; text-align: center; line-height: 38px; font-size: 16px; } .mad_main2 .social_icon_list ul li a{ background: #de5b92; border-radius: 5px; } .mad_main2 .social_icon_list ul li a.soc_icon:hover{background: #27a63d;} .mad_main3 .social_icon_list ul li a{background: #2abfd4;} .mad_main3 .social_icon_list ul li a.soc_icon:hover{background: #224687;} .mad_main4 .social_icon_list ul li a{background: #82c213;} .mad_main4 .social_icon_list ul li a.soc_icon:hover{background: #2c95ff;} .mad_main5 .social_icon_list ul li a{background: #f4bc16;} .mad_main5 .social_icon_list ul li a.soc_icon:hover{background: #666;} .mad_main6 .social_icon_list ul li a{background: #5080bf;} .mad_main6 .social_icon_list ul li a.soc_icon:hover{background: #ec3238;} .social_icon_list.var2 ul li a.soc_icon{ background: #21262f; color: #545f68; } .mad_main2 .social_icon_list.var2 ul li a.soc_icon{border-radius: 5px;} .mad_main2 .social_icon_list.var2 ul li a.soc_icon{ background: #363636; color: #646464; } .mad_main4 .header_top .social_icon_list ul li a{ width: 33px; height: 33px; font-size: 12px; line-height: 33px; } .social_icon_list ul li a.soc_icon:hover{ background: #2965b0; color: #fff!important; } .social_icon_list.var2 ul li a.soc_icon:hover{color: #fff!important;} .social_icon_list.var2 ul li a.soc_icon.icon_twitter:hover{background: #2daae1!important;} .social_icon_list.var2 ul li a.soc_icon.icon_facebook:hover{background: #3b5998!important;} .social_icon_list.var2 ul li a.soc_icon.icon_mail:hover{background: #e74c3c!important;} .social_icon_list.var2 ul li a.soc_icon.icon_instagram:hover{background: #835e42!important;} .icon_marker:before{content: '\e8a3';} .icon_mail{content: '\ed2c';} /* nick added */ .icon_mail:before{content: '\ed2c';} .icon_twitter:before{content: '\ec91';} .icon_facebook:before{content: '\eb37';} .icon_instagram:before{content: '\eb4d';} .icon_gplus:before{content: "\ea00";} .icon_pint:before{content: '\ea16';} .icon_flickr:before{content: '\eb31';} .icon_youtube:before{content: '\eebd';} .icon_vimeo:before{content: "\eb33";} .icon_linkin:before{content: "\ea0e";} .icon_dribbble:before{content: "\f016";} .icon_vk:before{content: "\ea35";} .icon_tumblr:before{content: "\eb3e";} .icon_rss:before{content: "\e8bb";} .icon_dropbox:before{content: "\eb4e";} .icon_github:before{content: "\ec85";} .icon_delicious:before{content: "\e9ed";} .icon_digg:before{content: "\e9ef";} .icon_deviant:before{content: '\ef0a';} .icon_skype:before{content: "\f025";} .icon_yahoo:before{content: "\ea3f";} .icon_reddit:before{content: "\eea7";} .icon_stumble:before{content: "\ea2a";} .icon_behance:before{content: "\e9e3";} .icon_wordpress:before{content: "\ef11";} .icon_box:before{content: "\ef15";} .social_icon_list.var3 ul li{margin-bottom: 0;} .social_icon_list.var3 ul li a{ background: transparent; height: auto; width: auto; line-height: inherit; } .mad_main6 .social_icon_list.var3 ul{display: inline-block;} .mad_main6 .social_icon_list.var3 ul li{margin-right: 15px;} .mad_main6 .social_icon_list.var3 ul li a.soc_icon{ color: #bababa; font-weight: normal; } .mad_main6 .social_icon_list.var3 ul li a.soc_icon:hover{background: transparent;} .mad_main6 .social_icon_list.var3 ul li a.icon_facebook:hover{color: #3b5998!important;} .mad_main6 .social_icon_list.var3 ul li a.icon_twitter:hover{color: #2abfd4!important;} .mad_main6 .social_icon_list.var3 ul li a.icon_mail:hover{color: #e74c3c!important;} .mad_main6 .social_icon_list.var3 ul li a.icon_instagram:hover{color: #835e42!important;} .mad_main6 .social_icon_list.var3{text-align: right;} /* Progress bar */ .progress_bar_list li{margin-bottom: 20px;} .progress_bar_list li:last-child{margin-bottom: 0;} .progress_bar_list li p{margin-bottom: 5px;} .progress_bar{ height: 12px; background: transparent; border: 1px solid #e8e8e8; position: relative; overflow: hidden; } .progress_bar > div{ background: #2965b0; position: absolute; left: 2px; top: 2px; bottom: 2px; } .mad_main2 .progress_bar > div{background: #27a63d;} .mad_main4 .progress_bar > div{background: #82c213;} .mad_main5 .progress_bar > div{background: #f4bc16;} .mad_main6 .progress_bar > div{background: #5080bf;} /* ----------------------------------- 10. Forms ------------------------------------- */ .contact_form label{ float: left; width: 70px; line-height: 40px; text-transform: none; } .mad_main3 .image_bg_section5 .contact_form{margin-top: 20px;} .mad_main3 .image_bg_section5 .contact_form input, .mad_main3 .image_bg_section5 .contact_form textarea{ background: #fff; border: none; padding-left: 25px; } .mad_main3 .image_bg_section5 .contact_form input:not(:last-child){margin-bottom: 10px;} .mad_main3 .image_bg_section5 .contact_form textarea{height: 140px;} .mad_main3 .image_bg_section5 .contact_form > div{ width: 48%; display: inline-block; } .mad_main3 .image_bg_section5 .contact_form > div:first-child{margin-right: 5px;} .mad_main3 .image_bg_section5 .contact_form .button{margin-top: 25px;} .mad_main5 .contact_holder .contact_form{ max-width: 750px; display: block; margin: 0 auto; } .mad_main5 .mad_section .contact_form.var2 > ul > li:not(:last-child){margin-bottom: 20px;} .mad_main5 .contact_form ul li label{ color: #777777; font-size: 14px; float: none; display: block; line-height: 14px; width: auto; padding-bottom: 15px; } .mad_main5 .contact_form .custom_select .select_title:before{color: #3b3b3b;} .mad_main5 .contact_form ul li input, .mad_main5 .contact_form ul li textarea, .mad_main5 .contact_form ul li .select_title, .mad_main5 .contact_form ul li .select_list li{ border: 1px solid #e8e8e8; background: #f5f5f5; font-size: 14px; color: #acacac; padding: 10px 15px 9px; } .mad_main5 .contact_form ul li .select_list li{border: none;} .mad_main5 .contact_form ul li .select_list{border-top: none;} .mad_main5 .contact_form ul li .custom_select .select_list li:hover{background: #f4bc16;} .mad_main5 .contact_form ul li textarea{height: 95px;} .mad_main5 .contact_holder .contact_form .button{margin-top: 35px;} .mad_main3 .contact_holder input::-webkit-input-placeholder, .mad_main3 .contact_holder textarea::-webkit-input-placeholder{ color: #353c42; } .mad_main3 #contact_form input::-moz-placeholder, .mad_main3 #contact_form textarea::-moz-placeholder{ color: #353c42; } .mad_main5 .contact_holder .contact_form.var2 input::-webkit-input-placeholder, .mad_main5 .contact_holder .contact_form.var2 textarea::-webkit-input-placeholder{ color: #acacac; } .mad_main5 .contact_holder .contact_form.var2 input::-moz-placeholder, .mad_main5 .contact_holder .contact_form.var2 textarea::-moz-placeholder{ color: #acacac; } .contact_form.var2 input, .contact_form.var2 textarea{ border-color: #ececec; } .contact_form.var2 textarea{height: 100px;} .contact_form.var2 > ul > li:not(:last-child){margin-bottom: 10px;} /* ----------------------------------- 11. Icons ------------------------------------- */ i[class^="icon-"]{line-height: inherit;} .icon_phone:before{content: '\ef83';} .icon_loc:before{content: '\e8a3';} .icon_loc2:before{content: '\E80B';} .icon_mail:before{content: '\ed2c';} .icon_users:before{content: '\e84c';} .icon_thumb:before{content: "\ef5d";} .icon_heart2:before{content: '\f047';} .icon_heart:before{content: '\e843';} .icon_back_time:before{content: '\eaee';} .icon_time:before{content: '\eaa6';} .icon_trash:before{content: "\e8a6";} .icon_shingle:before{content: "\E804";} .icon_cut:before{content: "\e94a";} .icon_tree:before{content: "\E814";} .icon_mowing:before{content: "\E803";} .icon_wash:before{content: "\ea9e";} .icon_watering:before{content: "\E816";} .icon_flower:before{content: "\E818";} .icon_shovel:before{content: "\E810";} .icon_certificat:before{content: '\E805';} .icon_price:before{content: '\E80F';} .icon_money:before{content: '\f05a';} .icon_truck:before{content: '\e979';} .icon_serv:before{content: '\e9bc';} /* ----------------------------------- 12. Footer ------------------------------------- */ #footer{ background: #212121; padding-top: 70px; } #footer .footer_wrap{ padding-bottom: 55px; border-bottom: 1px solid #333333; color: #949494; } .mad_main #footer .footer_wrap input::-webkit-input-placeholder, .mad_main #footer .footer_wrap textarea::-webkit-input-placeholder{ color: #949494; } .mad_main #footer .footer_wrap input::-moz-placeholder, .mad_main #footer .footer_wrap textarea::-moz-placeholder{ color: #949494; } .mad_main3 #footer{ padding-top: 55px; background: #29303b; } .mad_main3 #footer .footer_wrap{color: #89898a;} .mad_main4 #footer{background: #132338;} .mad_main5 #footer{background: #3b3b3b;} .mad_main3 #footer .footer_wrap{padding-bottom: 65px;} .mad_main4 #footer .footer_wrap{border-color: #294274;} .mad_main3 #footer .footer_wrap .footer_menu ul li a{ color: #fff; font-size: 16px; } .mad_main3 #footer .footer_wrap .footer_menu ul li a:hover{color: #2ab8cc;} .mad_main3 #footer .footer_wrap .footer_menu ul li{ display: inline-block; line-height: 40px; } .mad_main3 #footer .footer_wrap .footer_menu ul li:not(:last-child){margin-right: 25px;} .mad_main3 #footer .footer_wrap .footer_top{ padding-bottom: 55px; margin-bottom: 65px; border-bottom: 1px solid #333333; color: #545f68; } .mad_main3 #footer .footer_wrap .footer_top input::-webkit-input-placeholder, .mad_main3 #footer .footer_wrap .footer_top textarea::-webkit-input-placeholder{ color: #545f68; } .mad_main3 #footer .footer_wrap .footer_top input::-moz-placeholder, .mad_main3 #footer .footer_wrap .footer_top textarea::-moz-placeholder{ color: #545f68; } .mad_main3 #footer .footer_wrap .footer_top{border-bottom: 1px solid #3f454f;} .mad_main3 #newsletter input{background: #fff;} .mad_main3 #newsletter button{color: #2abfd4;} #footer .widget_title{color: #fff;} #footer .widget p:not(:last-child){margin-bottom: 15px;} #footer .widget p a{color: #b92127;} .mad_main2 #footer .widget p a{color: #de5b92;} .mad_main3 #footer .widget p a{color: #2abfd4;} .mad_main4 #footer .widget p a{color: #82c213;} .mad_main5 #footer .widget p a{color: #f4bc16;} .mad_main6 #footer .widget p a{color: #5080bf;} #footer .widget .contact_form textarea{height: 65px;} #footer .widget.contact .f_right p{ line-height: 40px; padding-bottom: 0; } .mad_main4 #footer .widget.contact p{color: #fff;} .mad_main2 #footer .widget.contact .f_right p a{color: #de5b92;} #footer .widget button{background: transparent;} #footer [class*="col-sm-"]:first-child .widget .button{margin-top: 15px;} #footer .widget .contact_form ul > li{margin-bottom: 13px;} .mad_main4 #footer .widget .social_icon_list.var2 ul li a.soc_icon{ width: 40px; height: 40px; line-height: 40px; font-size: 16px; background: #1e3859; color: #fff; } .mad_main4 #footer #newsletter, .mad_main5 #footer #newsletter{ margin-bottom: 60px; } .mad_main4 #newsletter button:hover{color: #2c95ff;} .mad_main6 #newsletter button:hover{color: #5080bf;} .mad_main5 #footer #newsletter, .mad_main6 #footer #newsletter{ margin-bottom: 40px; } .mad_main5 #newsletter button:hover{color: #f4bc16;} .mad_main5 #footer .social_icon_list.var2 ul li a.soc_icon{ background: #666666; color: #fff; } .mad_main6 #footer .social_icon_list.var2 ul li a.soc_icon{ background: #3e3e3e; color: #fff; } .mad_main6 #footer [class*="col-"] .widget:nth-child(n+2){margin-top: 40px;} .mad_main6 #footer .widget .vertical_list ul li{margin-bottom: 5px;} .mad_main6 #footer .widget .vertical_list ul li{margin-bottom: 15px;} .mad_main6 #footer .widget .vertical_list ul li a{color: #5080bf;} .bottom-footer{ padding: 35px 0; text-align: center; background: #fff; } .mad_main4 #footer .bottom-footer p{font-size: 14px;} .mad_main6 #footer .bottom-footer{padding: 20px 0;} /* ----------------------------------- Update 1.1 ------------------------------------- */ .no-cssanimations #wrapper.active .mobile-advanced { right: 0; }