.view-product img{border: 1px solid #F7F7F0; height: 380px; width: 100%;} .view-product h3{background: #1e336c; bottom: 0; color: #FFFFFF; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 700; margin-bottom: 0; padding: 8px 20px; position: absolute; right: 0;} #similar-product .carousel-inner .item{padding-left: 0px;} #similar-product .carousel-inner .item img{display: inline-block; margin-left: 15px;} .item-control{position: absolute; top: 35%;} .item-control i{background: #1e336c; color: #FFFFFF; font-size: 20px; padding: 5px 10px;} .item-control i:hover{background: #ccccc6;} .product-information{border: 1px solid #F7F7F0; overflow: hidden; padding-bottom: 60px; padding-left: 60px; padding-top: 60px; position: relative;} .newarrival{position: absolute; top: 0; left: 0;} .product-information h2{color: #363432; font-family: 'Poppins', sans-serif; font-size: 20px; margin-top: 0;} .product-information p{color: #696763; font-family: 'Poppins', sans-serif; margin-bottom: 5px;} .product-information span{display: inline-block; margin-bottom: 8px; margin-top: 18px;} .product-information span span{color: #1e336c; float: left; font-family: 'Poppins', sans-serif; font-size: 30px; font-weight: 700; margin-right: 20px; margin-top: 0px;} .product-information span input{border: 1px solid #DEDEDC; color: #696763; font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 700; height: 33px; outline: medium none; text-align: center; width: 50px;} .product-information span label{color: #696763; font-family: 'Poppins', sans-serif; font-weight: 700; margin-right: 5px;} .share{margin-top: 15px;} .cart{background: #1e336c; border: 0 none; border-radius: 0; color: #FFFFFF; font-family: 'Poppins', sans-serif; font-size: 15px; margin-bottom: 10px; margin-left: 20px;} .shop-details-tab{border: 1px solid #F7F7F0; margin-bottom: 75px; margin-left: 15px; margin-right: 15px; padding-bottom: 10px;} .shop-details-tab .col-sm-12{padding-left: 0; padding-right: 0;} #reviews ul{background: #FFFFFF; border: 0 none; list-style: none outside none; margin: 0 0 20px; padding: 0;} #reviews ul li{display: inline-block;} #reviews ul li a{color: #696763; display: block; font-family: 'Poppins', sans-serif; font-size: 14px; padding-right: 15px;} #reviews ul li a i{color: #1e336c; padding-right: 8px;} #reviews ul li a:hover{background: #fff; color: #1e336c;} #reviews p{color: #363432;} #reviews form span{display: block;} #reviews form span input{background: #F0F0E9; border: 0 none; color: #A6A6A1; font-family: 'Poppins', sans-serif; font-size: 14px; outline: medium none; padding: 8px; width: 48%;} #reviews form span input:last-child{margin-left: 3%;} #reviews textarea{background: #F0F0E9; border: medium none; color: #A6A6A1; height: 195px; margin-bottom: 25px; margin-top: 15px; outline: medium none; padding-left: 10px; padding-top: 15px; resize: none; width: 99.5%;} #reviews button{background: #1e336c; border: 0 none; border-radius: 0; color: #FFFFFF; font-family: 'Poppins', sans-serif; font-size: 14px;} .logo-404{margin-top: 60px;} .content-404 h1{color: #363432; font-family: 'Poppins', sans-serif; font-size: 41px; font-weight: 300;} .content-404 img{margin: 0 auto;} .content-404 p{color: #363432; font-family: 'Poppins', sans-serif; font-size: 18px;} .content-404 h2{margin-top: 50px;} .content-404 h2 a{background: #1e336c; color: #FFFFFF; font-family: 'Poppins', sans-serif; font-size: 44px; font-weight: 300; padding: 8px 40px;} #form{display: block; margin-bottom: 185px; margin-top: 185px; overflow: hidden;} .login-form h2, .signup-form h2{color: #696763; font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 300; margin-bottom: 30px;} .login-form form input, .signup-form form input{background: #F0F0E9; border: medium none; color: #696763; display: block; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 300; height: 40px; margin-bottom: 10px; outline: medium none; padding-left: 10px; width: 100%;} .login-form form span{line-height: 25px;} .login-form form span input{width: 15px; float: left; height: 15px; margin-right: 5px;} .login-form form button{margin-top: 23px;} .login-form form button, .signup-form form button{background: #1e336c; border: medium none; border-radius: 0; color: #FFFFFF; display: block; font-family: 'Poppins', sans-serif; padding: 6px 25px;} .login-form label input{border: medium none; display: inline-block; height: 0; margin-bottom: 0; outline: medium none; padding-left: 0;} .or{background: #1e336c; border-radius: 40px; color: #FFFFFF; font-family: 'Poppins', sans-serif; font-size: 16px; height: 50px; line-height: 50px; margin-top: 135px; text-align: center; width: 50px;} #do_action{margin-bottom: 50px;} .breadcrumbs{position: relative;} .breadcrumbs .breadcrumb{background: transparent; margin-bottom: 75px; padding-left: 0;} .breadcrumbs .breadcrumb li a{background: #1e336c; color: #FFFFFF; padding: 3px 7px;} .breadcrumbs .breadcrumb li a:after{content: ""; height: auto; width: auto; border-width: 8px; border-style: solid; border-color: transparent transparent transparent #1e336c; position: absolute; top: 11px; left: 48px;} .breadcrumbs .breadcrumb > li + li:before{content: " ";} #cart_items .cart_info{border: 1px solid #E6E4DF; margin-bottom: 50px;} #cart_items .cart_info .cart_menu{background: #1e336c; color: #fff; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: normal;} #cart_items .cart_info .table.table-condensed thead tr{height: 51px;} #cart_items .cart_info .table.table-condensed tr{border-bottom: 1px solid #f7f7f0;} #cart_items .cart_info .table.table-condensed tr:last-child{border-bottom: 0;} .cart_info table tr td{border-top: 0 none; vertical-align: inherit;} #cart_items .cart_info .image{padding-left: 30px;} #cart_items .cart_info .cart_description h4{margin-bottom: 0;} #cart_items .cart_info .cart_description h4 a{color: #363432; font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: normal;} #cart_items .cart_info .cart_description p{color: #696763;} #cart_items .cart_info .cart_price p{color: #696763; font-size: 18px;} #cart_items .cart_info .cart_total_price{color: #1e336c; font-size: 24px;} .cart_product{display: block; margin: 15px -70px 10px 25px;} .cart_quantity_button a{background: #F0F0E9; color: #696763; display: inline-block; font-size: 16px; height: 28px; overflow: hidden; text-align: center; width: 35px; float: left;} .cart_quantity_input{color: #696763; float: left; font-size: 16px; text-align: center; font-family: 'Poppins', sans-serif;} .cart_delete{display: block; margin-right: -12px; overflow: hidden;} .cart_delete a{background: #F0F0E9; color: #FFFFFF; padding: 5px 7px; font-size: 16px;} .cart_delete a:hover{background: #1e336c;} .bg h2.title{margin-right: 0; margin-left: 0; margin-top: 0;} .heading h3{color: #363432; font-size: 20px; font-family: 'Poppins', sans-serif;} .heading p{color: #434343; font-size: 16px; font-weight: 300;} #do_action .total_area{padding-bottom: 18px !important;} #do_action .total_area, #do_action .chose_area{border: 1px solid #E6E4DF; color: #696763; padding: 30px 25px 30px 0; margin-bottom: 80px;} .total_area span{float: right;} .total_area ul li{background: #E6E4DF; color: #696763; margin-top: 10px; padding: 7px 20px;} .user_option label{color: #696763; font-weight: normal; margin-left: 10px;} .user_info{display: block; margin-bottom: 15px; margin-top: 20px; overflow: hidden;} .user_info label{color: #696763; display: block; font-size: 15px; font-weight: normal;} .user_info .single_field{width: 31%;} .user_info .single_field.zip-field input{background: transparent; border: 1px solid #f0f0e9;} .user_info > li{float: left; margin-right: 10px;} .user_info input, select, textarea{background: #F0F0E9; border: 0; color: #696763; padding: 5px; width: 100%; border-radius: 0; resize: none;} .user_info select:focus{border: 0;} .chose_area .update{margin-left: 40px;} .update, .check_out{background: #1e336c; border-radius: 0; color: #FFFFFF; margin-top: 18px; border: none; padding: 5px 15px;} .update{margin-left: 40px;} .check_out{margin-left: 20px;} .step-one{margin-bottom: -10px;} .register-req, .step-one .heading{background: none repeat scroll 0 0 #F0F0E9; color: #363432; font-size: 20px; margin-bottom: 35px; padding: 10px 25px; font-family: 'Poppins', sans-serif;} .checkout-options{padding-left: 20px;} .checkout-options h3{color: #363432; font-size: 20px; margin-bottom: 0; font-weight: normal; font-family: 'Poppins', sans-serif;} .checkout-options p{color: #434343; font-weight: 300; margin-bottom: 25px;} .checkout-options .nav li{float: left; margin-right: 45px; color: #696763; font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: normal;} .checkout-options .nav label{font-weight: normal;} .checkout-options .nav li a{color: #1e336c; font-size: 18px; font-weight: normal; padding: 0;} .checkout-options .nav li a:hover{background: inherit;} .checkout-options .nav i{margin-right: 10px; border-radius: 50%; padding: 5px; background: #1e336c; color: #fff; font-size: 14px; padding: 2px 3px;} .register-req{font-size: 14px; font-weight: 300; padding: 15px 20px; margin-top: 35px;} .register-req p{margin-bottom: 0;} .shopper-info p, .bill-to p, .order-message p{color: #696763; font-size: 20px; font-weight: 300;} .shopper-info .btn-primary{background: #1e336c; border: 0 none; border-radius: 0; margin-right: 15px; margin-top: 20px;} .form-two, .form-one{float: left; width: 47%;} .shopper-info > form > input, .form-two > form > select, .form-two > form > input, .form-one > form > input{background: #F0F0E9; border: 0 none; margin-bottom: 10px; padding: 10px; width: 100%; font-weight: 300;} .form-two > form > select{padding: 10px 5px;} .form-two{margin-left: 5%;} .order-message textarea{font-size: 12px; height: 335px; margin-bottom: 20px; padding: 15px 20px;} .order-message label{font-weight: 300; color: #696763; font-family: 'Poppins', sans-serif; margin-left: 10px; font-size: 14px;} .review-payment h2{color: #696763; font-size: 20px; font-weight: 300; margin-top: 45px; margin-bottom: 20px;} .payment-options{margin-bottom: 125px; margin-top: -25px;} .payment-options span label{color: #696763; font-size: 14px; font-weight: 300; margin-right: 30px;} #cart_items .cart_info .table.table-condensed.total-result{margin-bottom: 10px; margin-top: 35px; color: #696763;} #cart_items .cart_info .table.table-condensed.total-result tr{border-bottom: 0;} #cart_items .cart_info .table.table-condensed.total-result span{color: #1e336c; font-weight: 700; font-size: 16px;} #cart_items .cart_info .table.table-condensed.total-result .shipping-cost{border-bottom: 1px solid #F7F7F0;} .blog-post-area .single-blog-post h3{color: #696763; font-size: 16px; font-family: 'Poppins', sans-serif; text-transform: uppercase; font-weight: 500; margin-bottom: 17px;} .blog-post-area .single-blog-post a img{border: 1px solid #F7F7F0; width: 100%; margin-bottom: 30px;} .blog-post-area .single-blog-post p{color: #363432;} .blog-post-area .post-meta{display: block; margin-bottom: 25px; overflow: hidden;} .blog-post-area .post-meta ul{padding: 0; display: inline;} .blog-post-area .post-meta ul li{background: #F0F0E9; float: left; margin-right: 10px; padding: 0 5px; font-size: 11px; color: #393b3b; position: relative;} .blog-post-area .post-meta ul li i{background: #1e336c; color: #FFFFFF; margin-left: -4px; margin-right: 7px; padding: 4px 7px;} .sinlge-post-meta li i:after, .blog-post-area .post-meta ul li i:after{content: ""; position: absolute; width: auto; height: auto; border-color: transparent transparent transparent #1e336c; border-width: 4px; border-style: solid; top: 6px; left: 24px;} .blog-post-area .post-meta ul span{float: right; color: #1e336c;} .post-meta span{float: right;} .post-meta span i{color: #1e336c;} .blog-post-area .single-blog-post .btn-primary{background: #1e336c; border: medium none; border-radius: 0; color: #FFFFFF; margin-top: 17px;} .pagination-area{margin-bottom: 45px; margin-top: 45px;} .pagination-area .pagination li a{background: #F0F0E9; border: 0 none; border-radius: 0; color: #696763; margin-right: 5px; padding: 4px 12px;} .pagination-area .pagination li a:hover, .pagination-area .pagination li .active{background: #1e336c; color: #ffffff;} .pager-area{overflow: hidden;} .pager-area .pager li a{background: #F0F0E9; border: 0 none; border-radius: 0; color: #696763; font-size: 12px; font-weight: 700; padding: 4px; text-transform: uppercase; width: 57px;} .pager-area .pager li a:hover{background: #1e336c; color: #ffffff;} .rating-area{border: 1px solid #F7F7F0; direction: block; overflow: hidden;} .rating-area ul li{float: left; padding: 5px; font-size: 12px;} .rating-area .ratings{float: left; padding-left: 0; margin-bottom: 0;} .rating-area .ratings li i{color: #cccccc;} .rating-area .rate-this{color: #363432; font-size: 12px; font-weight: 700; text-transform: uppercase;} .rating-area .ratings .color, .rating-area .color{color: #1e336c;} .rating-area .tag{float: right; margin-bottom: 0; margin-right: 10px;} .rating-area .tag li{padding: 5px 2px;} .rating-area .tag li span{color: #363432;} .socials-share{margin-bottom: 30px; margin-top: 18px;} .commnets .media-object{margin-right: 15px; width: 100%;} .commnets{border: 1px solid #F7F7F0; padding: 18px 18px 18px 0; margin-bottom: 50px;} .commnets .pull-left{margin-right: 22px;} .commnets p, .response-area p, .replay-box p{font-size: 12px;} .media-heading{color: #363432; font-size: 14px; font-weight: 700; font-family: 'Poppins', sans-serif; margin-bottom: 15px;} .blog-socials{margin-bottom: -9px; margin-top: 14px;} .blog-socials ul{padding-left: 0; overflow: hidden; float: left;} .blog-socials .btn.btn-primary{margin-top: 0;} .blog-socials ul li{float: left; height: 17px; margin-right: 5px; text-align: center; width: 17px;} .blog-socials ul li a{color: #393B3B; display: block; font-size: 10px; padding: 1px; background: #F0F0E9;} .blog-socials ul li a:hover{color: #fff; background: #1e336c;} .media-list .btn-primary, .commnets .btn-primary{background: #FC9A11; border: 0 none; border-radius: 0; color: #FFFFFF; float: left; font-size: 10px; padding: 1px 7px; text-transform: uppercase;} .response-area h2{color: #363432; font-size: 20px; font-weight: 700;} .response-area .media{border: 1px solid #F7F7F0; padding: 18px 18px 18px 0; margin-bottom: 27px;} .response-area .media img{height: 102px; width: 100%;} .response-area .media .pull-left{margin-right: 25px;} .response-area .second-media{margin-left: 5%; width: 95%;} .sinlge-post-meta{overflow: hidden; padding-left: 0; margin-bottom: 15px;} .sinlge-post-meta li{background: #F0F0E9; color: #363432; float: left; font-size: 10px; font-weight: 700; margin-right: 10px; padding: 0 10px 0 0; position: relative; text-transform: uppercase;} .sinlge-post-meta li i{background: #1e336c; color: #FFFFFF; margin-right: 10px; padding: 8px 10px;} .sinlge-post-meta li i:after{top: 7px; border-width: 6px; left: 27px;} .replay-box{margin-bottom: 107px; margin-top: 55px;} .replay-box h2{font-weight: 700; font-size: 20px; color: #363432; margin-top: 0; margin-bottom: 45px;} .replay-box label{background: #1e336c; color: #FFFFFF; margin-bottom: 15px; padding: 3px 15px; float: left; font-weight: 400;} .replay-box span{color: #1e336c; float: right; font-weight: 700; margin-top: 21px;} .replay-box form input{border: 1px solid #F7F7F0; color: #ADB2B2; font-size: 12px; margin-bottom: 22px; padding: 8px; width: 100%;} .replay-box form input:hover, .text-area textarea:hover{border: 1px solid #1e336c;} .text-area{margin-top: 66px;} .text-area textarea{background: transparent; border: 1px solid #f7f7f0;} .btn.btn-primary{background: #1e336c; border: 0 none; border-radius: 0; margin-top: 16px;} .blank-arrow{position: relative;} .blank-arrow label:after{content: ""; position: absolute; width: auto; height: auto; border-style: solid; border-width: 8px; border-color: #1e336c transparent transparent transparent; top: 25px; left: 5px;} .contact-map{width: 100%; height: 385px; margin-bottom: 70px;} .contact-info .heading, .contact-form .heading{text-transform: capitalize;} .contact-form .form-group{margin-bottom: 20px;} #contact-page .form-control::-moz-placeholder{color: #8D8D8D;} #contact-page .form-control{background-color: #fff; border: 1px solid #ddd; color: #696763; height: 46px; padding: 6px 12px; width: 100%; font-size: 16px; border-radius: 4px; box-shadow: inherit;} #contact-page #message{height: 160px; resize: none;} #main-contact-form .btn-primary{margin-bottom: 15px; margin-top: 20px;} #contact-page .form-control:focus, #contact-page .form-control:hover{box-shadow: inherit; border-color: #FDB45E;} #contact-page .contact-info{padding: 0 20px;} #contact-page .contact-info address{margin-bottom: 40px; margin-top: -5px;} #contact-page .contact-info p{margin-bottom: 0; color: #696763; font-size: 16px; line-height: 25px;} .social-networks{overflow: hidden; text-align: center;} .social-networks ul{margin-top: -5px; padding: 0; display: inline-block;} .social-networks ul li{float: left; text-decoration: none; list-style: none; margin-right: 20px;} .social-networks ul li:last-child{margin-right: 0;} .social-networks ul li a{color: #999; font-size: 25px;} .contact-info .social-networks ul li a i{background: none;} .contact-info .social-networks ul li a:hover{color: #1e336c;} .setDefaultColor{color: #1e336c;} .oe_product{border: none;} .oe_product_cart h5{text-align: center;} .oe_product_cart h5 a{color: #1e3046; font-size: 16px; font-family: 'Poppins', sans-serif;} .oe_product .oe_product_image img{background-color: #ececec!important;} .product_price .oe_currency_value{color: #1e336c; text-align: center; font-size: 15px;} .oe_product .product_price{width: 100%; text-align: center; color: #1e336c;} .oe_product .product_price{position: inherit !important;} 

/* /website_sale_comparison/static/src/less/website_sale_comparison.less defined in bundle 'web.assets_frontend' */
 .o_product_feature_panel{position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 10; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 10px 20px; text-align: center; border: 2px solid #337ab7; border-bottom: 0px; background-color: white; opacity: 0.95;} .o_product_feature_panel .o_product_panel{position: relative;} .o_product_feature_panel .o_product_panel .o_product_panel_header{color: #777777; margin: 0 10px 0 10px; cursor: pointer;} .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_icon{margin-right: 5px;} .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_text{text-transform: uppercase; vertical-align: middle; font-size: 16px;} .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_circle{vertical-align: 6px; padding: 0 3px; line-height: 14px;} .o_product_feature_panel .o_product_panel .o_product_panel_content{display: none !important;} .oe_website_sale .product_summary > *{display: block; margin: 15px 0 15px 0;} .oe_website_sale .table-comparator .o_product_comparison_collpase{margin-right: 8px;} .oe_website_sale div.css_not_available .o_add_compare_dyn{display: none;} 

/* /website_sale_options/static/src/css/website_sale.css defined in bundle 'web.assets_frontend' */
.css_not_available.js_product > *:nth-child(5) > *{display: none;} table.js_cart_lines .optional_product .js_delete_product{display: none;} div#modal_optional_products table tr td{border: 0px;} @media (max-width: 767px){div#modal_optional_products .td-qty{display: none;}} .oe_striked_price{text-decoration: line-through; white-space: nowrap;} 

/* /website_sale_wishlist/static/src/less/website_sale_wishlist.less defined in bundle 'web.assets_frontend' */
 .oe_website_sale .td-wish-btn{width: 140px;} .oe_website_sale div.css_not_available .o_add_wishlist_dyn{display: none;} @media (max-width: 767px){.oe_website_sale .td-wish-btn{width: 100px;}} 

/* /payment/static/src/css/portal_payment.css defined in bundle 'web.assets_frontend' */
input#cc_number{background-repeat: no-repeat; background-position: 14px 14px;} div.card_placeholder{background-image: url("/website_payment/static/src/img/placeholder.png"); background-repeat: no-repeat; width: 32px; height: 20px; position: absolute; top: 8px; right: 20px; -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none;} div.o_card_brand_detail{position: relative;} div.o_card_brand_detail div.card_placeholder{right: 5px;} div.amex{background-image: url("/website_payment/static/src/img/amex.png"); background-repeat: no-repeat;} div.diners{background-image: url("/website_payment/static/src/img/diners.png"); background-repeat: no-repeat;} div.discover{background-image: url("/website_payment/static/src/img/discover.png"); background-repeat: no-repeat;} div.jcb{background-image: url("/website_payment/static/src/img/jcb.png"); background-repeat: no-repeat;} div.mastercard{background-image: url("/website_payment/static/src/img/mastercard.png"); background-repeat: no-repeat;} div.visa{background-image: url("/website_payment/static/src/img/visa.png"); background-repeat: no-repeat;} ul.payment_method_list img.img-rounded{max-width: 100px; max-height: 40px;} 

/* /payment/static/src/less/payment_form.less defined in bundle 'web.assets_frontend' */
 .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"]{vertical-align: top; margin-right: 5px;} .o_payment_form .payment_option_name{font-size: 14px; font-weight: normal !important; font-family: Helvetica Neue, sans-serif; line-height: 1.3em; color: #4d4d4d;} .o_payment_form label{font-weight: normal; margin-top: 5px;} .o_payment_form .panel-body:first-child{border-top: 0px;} .o_payment_form .panel{border-radius: 10px;} .o_payment_form .panel-footer:last-child{border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;} .o_payment_form .panel-body{border-top: 1px solid #ddd; padding: 1.14em !important;} .o_payment_form .payment_icon_list{position: relative; margin-top: 0px !important; margin-bottom: -5px !important;} .o_payment_form .payment_icon_list li{padding-left: 5px !important; padding-right: 0px !important;} .o_payment_form .payment_icon_list .more_option{position: absolute; top: auto; left: auto; bottom: -10px; right: 0px; font-size: 10px;} 

/* /sale/static/src/less/sale_portal.less defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;} 

/* /website_sign/static/src/less/website_sign_frontend.less defined in bundle 'web.assets_frontend' */
 .o_sign_document{height: 100%;} .o_sign_document > header{-ms-flex: 0 0 auto; -moz-flex: 0 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; height: 50px; background-color: #e2e2e0;} .o_sign_document > header > div{height: 100%; display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;} .o_sign_document > header > div a{-ms-flex: 0 0 auto; -moz-flex: 0 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;} .o_sign_document > header > div a > img{height: 40px;} .o_sign_document > header > div .o_sign_header_instruction{font-size: 1.2em; -ms-flex: 1 1 auto; -moz-flex: 1 1 auto; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;} .o_sign_document ~ .modal .modal-content{border-radius: 0; border: none;} .o_sign_document ~ .modal .modal-content .btn{border-radius: 0; border: none; color: #7c7bad;} .o_sign_document ~ .modal .modal-content .btn-primary{background-color: #7c7bad; color: white;} .o_sign_document ~ .modal .modal-content .modal-header{background-color: #7c7bad; color: #fff;} .o_sign_document ~ .modal .modal-content .modal-header .modal-title{line-height: 1;} .o_sign_document ~ .modal .modal-content .modal-header .text-muted{color: #fff;} .o_sign_document ~ .modal .modal-content .modal-header .close{color: #fff; opacity: 1; text-shadow: none;} .o_sign_document ~ .modal .modal-content .modal-body .o_thankyou_message{margin-top: 25px;} .o_sign_document ~ .modal .modal-content .modal-body .o_promote_esign{background-color: #e2e2e0; margin-top: 40px; padding: 0 0 10px 0;} .o_sign_document ~ .modal .modal-content .modal-body .o_promote_esign h4{color: #7c7bad;} .o_sign_document ~ .modal .modal-content .modal-body .o_promote_esign img{padding-top: 20px; width: 90px;} .o_sign_document ~ .modal .modal-content .modal-footer{border-top: none; padding-top: 0; text-align: left;} 

/* /theme_soroush_first/static/src/less/snippet.less defined in bundle 'web.assets_frontend' */
 .custom-gallery img{filter: gray; -webkit-filter: grayscale(1); margin-bottom: 20px;} .custom-gallery img:hover{filter: none; -webkit-filter: grayscale(0);} @media (max-width: 748px){.custom-gallery img{height: 100px ! important;}} @media (max-width: 480px){.custom-gallery img{height: 100px ! important;}} @media (max-width: 768px){.custom-gallery img{height: 100px ! important;}.section-header{margin-top: 10px; margin-bottom: 50px; text-align: center;}} @media (min-width: 768px){.section-header{margin-top: 45px; margin-bottom: 55px; text-align: center;}} .ux_banner .row{position: relative; height: 100%; z-index: 2; max-width: 67.5em !important; margin-left: auto !important; margin-right: auto !important;} .ux_banner .inner{white-space: normal; z-index: 3; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0 auto;} .ux_banner h3{font-size: 200%; line-height: 100%; margin: 15px 0;} .ux_banner .text-center .tx-div, .ux_banner .text-center p{margin: 0 auto; max-width: 90%;} .dark .tx-div{background-color: #ffffff; opacity: .3;} .ux_banner .h-large{font-size: 650%; line-height: 85%; padding: 0 !important;} .ux_banner h1{font-weight: bolder; font-size: 350%; line-height: 95%; margin: 15px 0;} .ux_banner .button.alt-button{padding-top: 0.80em; padding-bottom: 0.90em; padding-left: 2em; padding-right: 2em;} .button.white.alt-button{color: #FFF;} .ux_banner .text-center .tx-div, .ux_banner .text-center p{margin: 0 auto; max-width: 90%;} .dark .tx-div{background-color: #ffffff; opacity: .3;} .tx-div.medium{width: 60px;} .tx-div{display: block; height: 3px; background-color: #000000; opacity: .1; margin: 15px 0 15px;} .button.white.alt-button:hover{color: #000 !important; background-color: #fff !important; border-color: white;} .button.alt-button:hover{box-shadow: none !important; background-color: #627f9a !important;} .text-center .button{margin: 10px 5px 10px;} .alt-button{background-color: transparent !important; border-width: 2px !important; border-style: solid !important;} #submit, button, .button, input[type="submit"]{border: 0; text-transform: uppercase; cursor: pointer; font-family: inherit; font-weight: normal; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 1em; background-color: #627f9a; color: #fff;} a{color: #999; text-decoration: none; line-height: inherit; background: transparent;} h1, h2, h3, h4, h5, h6{color: #B4B1AB;} .text-muted{color: #B4B1AB;} .text-justify{font-size: larger;} p{font-size: larger;} .s_big_icon_circle_box:hover .s_big_icon_circle_icon{background-color: #1e336c!important; border-color: #1e336c; transform: scale(1.1, 1.1);} .s_big_icon_circle_box:hover .s_big_icon_circle_icon{transition: all 0.3s ease-in-out; background-color: #1fb1b0;} .s_big_icon_circle_icon{width: 120px; height: 120px; text-align: center!important; padding: 40px 0; transition: all 0.3s ease-in-out; background-color: #1e336c; border-radius: 80px; background-color: rgba(90, 142, 175, 0) !important; border: 4px solid #1e336c;} .s_big_icon_circle_box .fa{color: #1e336c; font-size: 40px;} .s_big_icon_circle_box:hover .s_big_icon_circle_icon{background-color: #1e336c!important; border-color: #1e336c; transform: scale(1.1, 1.1);} .s_big_icon_circle_box:hover .s_big_icon_circle_icon .fa{color: #ffffff !important;} .s_big_icon_circle_box:hover .s_big_icon_circle_icon h5{color: #1e336c!important; font-size: large!important;} .s_big_icon_circle_icon h5{margin-top: 48px; color: #1e336c!important; font-size: 20px!important;} .s_big_icon_square{text-align: center!important;} .s_big_icon_square_box{text-align: center!important; min-height: 180px; width: 150px; margin: 0 auto;} .s_big_icon_square_box .fa{color: #fe980f; font-size: 40px;} .s_big_icon_square_icon{width: 120px; height: 120px; text-align: center!important; padding: 40px 0; transition: all 0.3s ease-in-out; background-color: #1e336c; background-color: rgba(90, 142, 175, 0) !important; border: 4px solid #1e336c;} .s_big_icon_square_icon h5{margin-top: 48px; color: #1e336c!important; font-size: 20px!important;} .s_big_icon_square_box:hover .s_big_icon_square_icon h5{color: #1e336c!important; font-size: large!important;} .s_big_icon_square_box:hover .s_big_icon_square_icon{background-color: #1e336c!important; border-color: #1e336c; transform: scale(1.1, 1.1);} .s_big_icon_square_box:hover .s_big_icon_square_icon .fa{color: #ffffff !important;} .s_icon_box_box{float: left;} .s_icon_box_box .fa{color: #1e336c; font-size: 50px;} .s_icon_box_box:hover .s_icon_box_icon .fa{color: #1e336c; font-size: 60px;} .s_icon_box_icon{width: 60px; height: 60px; margin-right: 15px; text-align: center!important; color: #fff; padding: 10px 0; background-color: none;} .s_icon_box_box:hover .s_icon_box_icon .fa, .s_icon_box_box:hover .s_icon_box_content h4{transition: all 0.3s ease-in-out; color: #1e336c;} .s_icon_box_circle_box{float: left;} .s_icon_box_circle_box .fa{color: #1e336c; font-size: 22px;} .s_icon_box_circle_box:hover .s_icon_box_circle_icon .fa{color: #FFF!important; font-size: 22px;} .s_icon_box_circle_icon{width: 60px; height: 60px; margin-right: 15px; text-align: center!important; color: #1e336c; padding: 20px 0; transition: all 0.3s ease-in-out; background-color: #FFF; border-radius: 50px; border: 2px solid #1e336c;} .s_icon_box_circle_box:hover .s_icon_box_circle_icon{background-color: #1e336c!important; border-color: #1e336c; transform: scale(1.1, 1.1);} .s_icon_box_square_box{float: left;} .s_icon_box_square_box .fa{color: #1e336c; font-size: 22px;} .s_icon_box_square_box:hover .s_icon_box_square_icon .fa{color: #FFF!important; font-size: 22px;} .s_icon_box_square_icon{width: 60px; height: 60px; margin-right: 15px; text-align: center!important; color: #1e336c; padding: 20px 0; transition: all 0.3s ease-in-out; background-color: #FFF; border: 2px solid #1e336c;} .s_icon_box_square_box:hover .s_icon_box_square_icon{background-color: #1e336c!important; border-color: #1e336c; transform: scale(1.1, 1.1);} .progress-bar-success{background-color: #1e336c!important;} .timeline{list-style: none; padding: 20px 0 20px; position: relative;} .timeline:before{top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #eeeeee; left: 50%; margin-left: -1.5px;} .timeline > li{margin-bottom: 20px; position: relative;} .timeline > li:before, .timeline > li:after{content: " "; display: table;} .timeline > li:after{clear: both;} .timeline > li:before, .timeline > li:after{content: " "; display: table;} .timeline > li:after{clear: both;} .timeline > li > .timeline-panel{width: 50%; float: left; border: 1px solid #d4d4d4; border-radius: 2px; padding: 20px; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);} .timeline > li.timeline-inverted + li:not(.timeline-inverted), .timeline > li:not(.timeline-inverted) + li.timeline-inverted{margin-top: -60px;} .timeline > li:not(.timeline-inverted){padding-right: 90px;} .timeline > li.timeline-inverted{padding-left: 90px;} .timeline > li > .timeline-panel:before{position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " ";} .timeline > li > .timeline-panel:after{position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " ";} .timeline > li > .timeline-badge{color: #fff; width: 50px; height: 50px; line-height: 50px; font-size: 1.4em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -25px; background-color: #999999; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;} .timeline > li.timeline-inverted > .timeline-panel{float: right;} .timeline > li.timeline-inverted > .timeline-panel:before{border-left-width: 0; border-right-width: 15px; left: -15px; right: auto;} .timeline > li.timeline-inverted > .timeline-panel:after{border-left-width: 0; border-right-width: 14px; left: -14px; right: auto;} .timeline-badge.primary{background-color: #2e6da4 !important;} .timeline-badge.success{background-color: #3f903f !important;} .timeline-badge.warning{background-color: #f0ad4e !important;} .timeline-badge.danger{background-color: #d9534f !important;} .timeline-badge.info{background-color: #5bc0de !important;} .timeline-title{margin-top: 0; color: inherit;} .timeline-body > p, .timeline-body > ul{margin-bottom: 0; text-align: justify;} .timeline-body > p + p{margin-top: 5px;} section{padding: 2% 0;} .alizarin{background: #e74c3c;} .amethyst{background: #9b59b6;} .emerald{background: #2ecc71;} .midnight-blue{background: #2c3e50;} .peter-river{background: #3498db;} .dl{background: #f0f0f0; padding: 30px 0; border-radius: 20px; position: relative;} .dl:before{content: " "; height: 20px; width: 20px; background: #ddd; border-radius: 20px; position: absolute; left: 50%; top: 20px; margin-left: -10px;} .dl .brand{text-transform: uppercase; letter-spacing: 3px; padding: 10px 15px; margin-top: 10px; text-align: center; min-height: 100px;} .dl .discount{min-height: 50px; position: relative; font-size: 80px; line-height: 80px; text-align: center; font-weight: bold; padding: 20px 15px 0; color: #f1c40f;} .dl .discount:after{content: " "; border-right: 20px solid transparent; border-left: 20px solid transparent; position: absolute; bottom: -20px; left: 20%;} .dl .discount.alizarin:after{border-top: 20px solid #e74c3c;} .dl .discount.peter-river:after{border-top: 20px solid #3498db;} .dl .discount.emerald:after{border-top: 20px solid #2ecc71;} .dl .discount.amethyst:after{border-top: 20px solid #9b59b6;} .dl .discount .type{font-size: 20px; letter-spacing: 1px; text-transform: uppercase; margin-top: -30px;} .dl .descr{color: #999; margin-top: 10px; padding: 20px 15px;} .dl .ends{padding: 0 15px; color: #f1c40f; margin-bottom: 10px;} .dl .coupon{min-height: 50px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 18px; padding: 20px 15px;} .dl .coupon a.open-code{color: #16a085;} .dl .coupon .code{letter-spacing: 1px; border-radius: 4px; margin-top: 10px; padding: 10px 15px; color: #f1c40f; background: #f0f0f0;} .panel.price, .panel.price > .panel-heading{border-radius: 0px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease;} .panel.price:hover{box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);} .panel.price:hover > .panel-heading{box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2) inset;} .panel.price > .panel-heading{box-shadow: 0px 5px 0px rgba(50, 50, 50, 0.2) inset; text-shadow: 0px 3px 0px rgba(50, 50, 50, 0.6);} .price .list-group-item{border-bottom-: 1px solid rgba(250, 250, 250, 0.5);} .panel.price .list-group-item:last-child{border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;} .panel.price .list-group-item:first-child{border-top-right-radius: 0px; border-top-left-radius: 0px;} .price .panel-footer{color: #fff; border-bottom: 0px; background-color: rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3);} .panel.price .btn{box-shadow: 0 -1px 0px rgba(50, 50, 50, 0.2) inset; border: 0px;} .price.panel-green > .panel-heading{color: #fff; background-color: #57AC57; border-color: #71DF71; border-bottom: 1px solid #71DF71;} .price.panel-green > .panel-body{color: #fff; background-color: #65C965;} .price.panel-green > .panel-body .lead{text-shadow: 0px 3px 0px rgba(50, 50, 50, 0.3);} .price.panel-green .list-group-item{color: #333; background-color: rgba(50, 50, 50, 0.01); font-weight: 600; text-shadow: 0px 1px 0px rgba(250, 250, 250, 0.75);} .price.panel-blue > .panel-heading{color: #fff; background-color: #608BB4; border-color: #78AEE1; border-bottom: 1px solid #78AEE1;} .price.panel-blue > .panel-body{color: #fff; background-color: #73A3D4;} .price.panel-blue > .panel-body .lead{text-shadow: 0px 3px 0px rgba(50, 50, 50, 0.3);} .price.panel-blue .list-group-item{color: #333; background-color: rgba(50, 50, 50, 0.01); font-weight: 600; text-shadow: 0px 1px 0px rgba(250, 250, 250, 0.75);} .price.panel-red > .panel-heading{color: #fff; background-color: #D04E50; border-color: #FF6062; border-bottom: 1px solid #FF6062;} .price.panel-red > .panel-body{color: #fff; background-color: #EF5A5C;} .price.panel-red > .panel-body .lead{text-shadow: 0px 3px 0px rgba(50, 50, 50, 0.3);} .price.panel-red .list-group-item{color: #333; background-color: rgba(50, 50, 50, 0.01); font-weight: 600; text-shadow: 0px 1px 0px rgba(250, 250, 250, 0.75);} .price.panel-grey > .panel-heading{color: #fff; background-color: #6D6D6D; border-color: #B7B7B7; border-bottom: 1px solid #B7B7B7;} .price.panel-grey > .panel-body{color: #fff; background-color: #808080;} .price.panel-grey > .panel-body .lead{text-shadow: 0px 3px 0px rgba(50, 50, 50, 0.3);} .price.panel-grey .list-group-item{color: #333; background-color: rgba(50, 50, 50, 0.01); font-weight: 600; text-shadow: 0px 1px 0px rgba(250, 250, 250, 0.75);} .price.panel-white > .panel-heading{color: #333; background-color: #f9f9f9; border-color: #ccc; border-bottom: 1px solid #ccc; text-shadow: 0px 2px 0px rgba(250, 250, 250, 0.7);} .panel.panel-white.price:hover > .panel-heading{box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05) inset;} .price.panel-white > .panel-body{color: #fff; background-color: #dfdfdf;} .price.panel-white > .panel-body .lead{text-shadow: 0px 2px 0px rgba(250, 250, 250, 0.8); color: #666;} .price:hover.panel-white > .panel-body .lead{text-shadow: 0px 2px 0px rgba(250, 250, 250, 0.9); color: #333;} .price.panel-white .list-group-item{color: #333; background-color: rgba(50, 50, 50, 0.01); font-weight: 600; text-shadow: 0px 1px 0px rgba(250, 250, 250, 0.75);} .s_process_step_steps > .row:before{top: 70px; bottom: 0; position: absolute; content: " "; width: 100%; height: 5px; background-image: linear-gradient(to right, #cccccc 0, #e6e6e6 100%); z-order: 0;} .s_process_step_steps p{text-align: justify;} .s_process_step_steps .btn{width: 60px; height: 60px; text-align: center; padding-top: 14px; line-height: 1.4; border-radius: 30px; color: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); margin-top: 0px;} .s_process_step_steps .btn .fa{font-size: 30px;} .s_process_step_steps div{padding-left: 2,5%; text-align: center; position: relative;} .standard-button:hover, .standard-button:focus, .standard-button:active, .navbar-register-button:hover, .navbar-register-button:focus, .navbar-register-button:active{background-color: #e5c1a2;} .standard-button:hover, .navbar-register-button:hover{color: #fff; background: #ffa200; text-decoration: none;} .standard-button{font-size: 14px; text-transform: initial; padding: 12px 40px 12px 40px;} .standard-button, .navbar-register-button{background-image: none; background-color: #1e336c; box-shadow: none; -webkit-box-shadow: none;} .standard-button{padding: 18px 40px 18px 40px; border: none; border-radius: 3px; color: #fff; font-size: 16px; line-height: 1.6; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: none; transition: none;} .header-style-one .intro-section h5, .second-header-layout .intro-section h5{color: #717171;} .intro-section h5{margin-top: 30px; margin-bottom: 40px; font-size: 18px; font-weight: bold; line-height: 1.5; line-height: 28px; text-align: center;} .slide_banne_image{width: 100%;} #intro-section{text-align: center;} #intro-section #intro_section_text_1, #intro-section #intro_section_text_2{text-align: center;} #intro-section #intro_section_text_1.white-text{color: #1e3046;} .header-style-one .intro-section h5, .second-header-layout .intro-section h5{color: #717171;} #intro-section h2.intro{font-size: 3.75rem; line-height: 5rem; text-align: center;} .services-wrap{position: relative; padding-bottom: 50px; text-align: center;} .services-wrap{text-align: center; position: relative; padding-bottom: 50px;} .azera_shop_grid_first{margin-left: 0; padding-left: 0;} .azera_shop_grid_col_3{float: left; width: 31%; min-height: 1px; margin: 0 1.25% 0 1.25%;} .services-wrap .service-box{display: inline-block; width: 100%; text-align: center;} .services-wrap .service-box{display: inline-block; width: 100%; text-align: center;} .single-service{border: 1px solid #1e336c; border-radius: 0; padding: 40px 55px 40px 55px;} .single-service{padding: 40px 35px 40px 35px; border-radius: 3px; background: #fff; -webkit-transition: all ease 0.55s; transition: all ease 0.55s;} .single-service .service-icon{position: relative; margin-bottom: 20px;} .single-service .service-icon{font-size: 60px;} .colored-text{color: #1e336c;} .single-service h3{margin-top: 0; margin-bottom: 15px; padding-top: 5px;} .azera_shop_grid_last{margin-right: 0; padding-right: 0;} .single-service .service-icon:after{content: ''; display: block; width: 40px; height: 1px; background: #1e336c; margin: 0 auto; margin-top: 25px;} .single-service h3{color: #454545; margin-bottom: 15px; padding-top: 5px;} .team .section-overlay-layer{padding-bottom: 50px; background: rgba(13, 60, 85, 0.8);} .team-member-wrap{text-align: center;} .azea_shop_only_customizer{display: none;} .services-wrap{text-align: center; position: relative; padding-bottom: 50px;} .services{background-color: #FFF; border-bottom: 1px solid #eaebec;} .single-service{padding: 40px 20px 40px 20px; background: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all ease 0.55s; transition: all ease 0.55s;} .services-wrap .service-box{display: inline-block; width: 100%; text-align: center;} .single-service > h3 > a:hover, .service-icon > a:hover{text-decoration: none;} .services-wrap > .service-box{width: 31.5%; margin: 0 1.25% 0 1.25%; margin-bottom: 30px; vertical-align: top;} .services-wrap > .service-box:nth-child(3n+1){margin-left: 0; clear: left;} .services-wrap > .service-box:nth-child(3n){margin-right: 0; clear: right;} .single-service .service-icon{font-size: 60px; margin-bottom: 35px;} .single-service h3{color: #454545; margin-bottom: 15px; padding-top: 5px;} .galcolumn .single-service{width: 100%;} .display-none{display: none !important;} .testimonials{text-align: center; background-color: #FFF; border-bottom: 1px solid #eaebec;} .testimonials .section-overlay-layer{padding-bottom: 20px;} .feedback{padding: 0 30px; margin-bottom: 45px;} .feedback .pic-container{top: -40px; width: 100%; position: absolute;} .feedback .pic-container-inner{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; overflow: hidden; background-clip: padding-box; width: 170px; height: 170px; box-shadow: 0px 0px 0px 5px #f5f5f5; background-color: #f5f5f5; border: 5px solid #e5e5e5;} .feedback .pic-container img{width: 100%;} .feedback p{font-style: italic; margin-top: 20px; margin-bottom: 0;} .feedback h5{margin-bottom: 0;} .feedback-text-wrap{padding: 0 20px;} .testimonials-box{text-align: center; width: 100%;} .testimonials-wrap{position: relative;} .testimonials-wrap .testimonials-box{display: inline-block; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} .testimonials-box .feedback{padding: 145px 0 40px 0; margin: 40px 0 30px 0; background: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all ease 0.55s; transition: all ease 0.55s; position: relative; margin-top: 0; border: 1px solid #1e336c;} .testimonials-box .feedback:hover{border-bottom-color: #ffa200;} .galcolumn .testimonials-box{width: 100%;} .testimonials-wrap > .testimonials-box{width: 31.5%; margin: 0 1.15% 0 1.15%; margin-bottom: 30px; vertical-align: top;} .testimonials-wrap > .testimonials-box:nth-child(3n+1){margin-left: 0; clear: left;} .testimonials-wrap > .testimonials-box:nth-child(3n){margin-right: 0; clear: right;} .team{background-color: #FFF; border-bottom: 1px solid #eaebec; background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; border-bottom: 1px solid #F3F3F3; padding: 0;} .team .sub-heading{color: #FFF;} .team .dark-text{color: #FFF;} .team-member{margin-bottom: 25px; position: relative; overflow: hidden; min-height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .team-member .social-icons{opacity: 1; margin-top: 5px; position: relative; -webkit-transition: all ease 0.55s; transition: all ease 0.55s; margin-bottom: 0; margin-top: 0;} .team-member .social-icons li{display: inline-block; padding-left: 5px; padding-right: 5px; padding-top: 3px;} .team-member .social-icons li a{opacity: 0.9;} .team-member .social-icons li a:hover{opacity: 1; text-decoration: none;} .team-member:hover .social-icons{opacity: 1;} .member-pic{border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 183px; height: 183px;} .member-pic img{width: 183px; height: 183px;} .member-details{left: 0; position: absolute; color: #FFF; display: table; overflow: hidden; height: 183px; width: 183px; bottom: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: rgba(0, 0, 0, 0); text-align: center;} .member-details h5{margin: 0; margin-bottom: 5px; color: #FFF;} .team-member-wrap{text-align: center;} .team-member-wrap .team-member-box{float: none; display: inline-block; margin-right: -4px; vertical-align: top; padding-right: 55px; padding-left: 55px; padding-bottom: 30px;} .member-details-inner{display: table-cell; vertical-align: middle;} .team-member:hover .member-details{bottom: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: rgba(255, 162, 0, 0.7);} .team-member-wrap .team-member:hover .member-details{background-color: rgba(224, 180, 142, 0.7); opacity: 1;} @media (min-width: 992px) and (max-width: 1200px){.team-member-wrap .team-member-box{padding-right: 30px; padding-left: 30px;}} .header_introduction{border-bottom: 1px solid #eaebec;}