@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/css?family=Teko:300,400,500,600");

/*-----------------------------------------------------------------------------------
Template Name: kirion Multipurpose HTML5 Responsive Template.
Description: This is html5 template
Author: BootExperts
Version: 1.0
-----------------------------------------------------------------------------------

CSS INDEX
===================

1. Theme Default CSS (body, link color, section etc)
2. header
3. slider
4. main-menu
5. features area
6. design shop area
7. count area
8. team-member-area
9. portfolio area
10. optimize area
11. blog-area
12. client area
13. footer
14. home2
14.1 work-proses
14.2 our-product-area2
14.3 our-work-area2
14.4 project screenshot area
14.5 testimonial area
14.6 our team area
14.7 blog-area
14.8 blog-area
15 home3
15.1 what wo do area
15.2 chief cook area
16. count area home3
17. testimonial area3
18. our recent post
19. skill-area3
20. order area3
21. contact area3
22. home4
22.1 demandable are
22.2 university area
22.3 our sensitive area
22.4 our recent post4
22.5 testimonial area4
23 home5
23.1 slider
23.2 emergency area
23.3 blood-test area
23.4 department area
23.5 work-proses
23.6 people say area
24 home6
24.1 our featured area6
24.2 popular service area6
24.3 our popular member area6
24.4 recent post area6
24.5 photo overview area6
24.6 our brands logo6
25 home7
25.1 our core service
25.2 check our work7
25.3 meet our team area7
25.4 testimonial area7
25.5 kirion video area7
25.6 count-area 7
25.7 plan-and price area7
26. home-8
27. home-9
27.1 fill our work area9
27.2 fill our work area9
27.3 fill our work area9
27.4 our relable work9 area
27.5 emergency area9
27.7 emergency carosel area9
28. about-us
29. Our Office Page
30. meet the team
31. Team two page
32. Team three page
33. team-member page
34. pricing page
35. service page
36. question page
37. help page
38. testimonial page
39. contact page
40. frequently-asked-question
41. photo gallery2
42. photo gallery3
43. photo gallery4
44. photo gallery5
45. photo gallery6
46. photo gallery7
47. blog column 2
48. blog column 3
49. blog column 4
50. blog column 5
51. blog column 6
52. single blog
53. portfolio column 2
54. portfolio column 3
55. portfolio column 4
56. portfolio column 5
57. portfolio column 6
58. product page
59. shop page
60. checkout & cart page

-----------------------------------------------------------------------------------*/

/* ---------------------------------------- */

/*  1.  Theme default CSS
font-family:'Nanum Gothic',sans-serif;font-size:14px;line-height:1.42857143;color:#333
/*----------------------------------------*/
html,body{height:100%;font-family:'Nanum Gothic',sans-serif;font-size:14px;color:#333}
.floatleft{float:left}
.floatright{float:right}
.alignleft{float:left;margin-right:15px;margin-bottom:15px}
.alignright{float:right;margin-left:15px;margin-bottom:15px}
.aligncenter{display:block;margin:0 auto 15px}
a:focus{outline:0 solid}
img{max-width:100%;height:auto}
.fix{overflow:hidden}
p{margin:0 0 15px}
h1,h2,h3,h4,h5,h6{margin:0 0 15px}
a{color:#777;text-decoration:none;transition:all .3s ease 0}
a:hover{color:#ec4445;text-decoration:none}
a:active,a:hover{outline:0 none}
.np{padding:0}
.npl{padding-left:0}
.npr{padding-right:0}
ul{margin:0;padding:0;list-style:outside none none}
.clear{clear:both}
.mb-3{margin-bottom:3%}

/*=========================
2. header
===========================*/
header{}

.top_bl-1{border-left:1px solid #eaeaea;border-right:1px solid #eaeaea}
.top_bl-2{border-right:1px solid #eaeaea}
.top_menu_1{width:100%;height:39px;border-bottom:1px solid #eaeaea;background:#f9f9f9}
.top_menu_line{}
.top_menu_line ul{}
.top_menu_line ul li{float:left;padding:9px 13px;background:#fff;font-size:12px}
.top_menu_line_ ul li{float:right;padding:9px 13px;font-size:12px; font-weight:bold;}

.top_menu_2{position:relative;width:100%}
.top_menu_logo{display:none;position:relative;width:100%}
.top_menu_logg_img{position:absolute;top:0;left:0;width:100%;text-align:center}
.top_menu_logg_img img{width:150px}
.main-menu_title{font-size:18px;font-weight:bold; }
.main2_icon1{}
.main3_title{position:absolute;top:5%;left:0;z-index:1;width:100%}
.main3_content{padding:5%;font-size:15px;line-height:2;color:#fff;text-align:justify}
.main3_bg{z-index:0}

.logo{}
.logo a{display:block;width:135px;padding:25px 0}
.cart-and-search{margin-top:11px}
.header-search{float:right;height:80px;margin-left:15px;margin-right:-5px;margin-top:5px;line-height:80px;transition:all .2s linear 0}
span.search-button{position:absolute}
span.search-button i{margin-right:5px;color:#000}
.header-search input{position:relative;z-index:1;width:23px;height:auto;margin:0;padding:0 11px;border:1px solid rgba(0,0,0,0);border-radius:0;background:rgba(0, 0, 0, 0) none repeat scroll 0 0;font-size:14px;line-height:normal;color:#444;box-shadow:none;box-sizing:border-box;cursor:pointer;transition:all .2s linear 0}
.header-search input:focus{width:150px;padding-left:20px;cursor:text}
.cart{float:right;position:relative;width:30px;margin-right:0;margin-top:36px}
.cart a{color:#000}
.header-ad-to-cart{visibility:hidden;position:absolute;top:320%;right:10px;z-index:99;width:350px;background:#fff;box-shadow:0 3px 4px 0 rgba(0,0,0,0.15);opacity:0;transition:all .3s ease 0}
.cart:hover .header-ad-to-cart{visibility:visible;top:277%;opacity:1}
.cart-head{overflow:hidden;padding:25px 15px;background:#f2f2f2 none repeat scroll 0 0}
.cart-head .name,.pro-name .name,.cart-footer .name{float:left;width:50%}
.cart-head .qty,.pro-name .qty,.cart-footer .qty{float:left;width:15%}
.cart-head .price,.pro-name .price,.cart-footer .price{float:left;width:35%}
.cart-head .name > h5,.cart-head .qty > h5,.cart-head .price > h5{font-size:13px;font-weight:bold;text-transform:uppercase}
.cart-head .price > h5{margin-left:20px}
.cart-body{}
.cart-body .name a{font-size:13px;line-height:16px}
.cart-body .qty > input{width:95%;margin-top:13px;text-align:center}
.cart-body .price > h5{margin-left:20px;margin-top:20px;font-size:13px;font-weight:bold}
.cart-body .price > h5 i{margin-left:27px}
.pro-name{overflow:hidden;padding:13px 15px}
.pro-name:hover{background:#F7F7F7}
.cart-footer{overflow:hidden;padding:18px 10px;background:#f2f2f2 none repeat scroll 0 0}
.cart-footer .name > a{padding:6px 12px;border-radius:3px;background:#ff2b42 none repeat scroll 0 0;font-size:11px;color:#fff;text-transform:uppercase}
.cart-footer .qty > h5{margin-left:2px;margin-top:3px;font-size:13px;font-weight:bold;color:#999;text-transform:uppercase}
.cart-footer .price > h5{margin-left:20px;margin-top:3px;font-size:13px;font-weight:bold}
.side-menu-icon{float:right;position:relative;top:25px;left:10px;z-index:1}
.cart-and-search{position:relative}
.cart-and-search:after{position:absolute;top:-11px;left:92%;width:740%;height:95px;background-color:#ff2b42;content:'';transform:translateX(-60px) skewX(-25deg)}
.sb-open-left > a{position:relative;left:15px;font-size:20px;color:#fff}
.cart-and-search:before{position:absolute;top:-11px;right:-777%;width:230%;height:95px;background-color:#ff2b42;content:''}
.sidr .side-search .header-search{display:block;width:100%;height:94px;margin:0;padding:0;background:#ff2b42}
.sidr .side-search .header-search span.search-button{position:absolute;top:7px;left:25px}
.sidr .side-search .header-search span.search-button i{color:#fff}
.sidr .side-search .header-search input{width:100%;height:40px;margin-top:26px;padding-left:35px;border-bottom:1px solid#ff5e6f;background:transparent;color:#fff}
.sidr .side-search .header-search input:focus{width:100%}
.side-menu{display:block;clear:both}
.side-menu ul{border-top:1px solid black;}
.side-menu ul li{border-top:transparent;border-bottom:transparent}
.side-menu .lili {border-top:1px solid black; border-bottom:transparent; }
.side-menu ul li a{padding-left:30px}
.side-menu ul li ul li{line-height:35px;font-size:13px}
.side-menu ul li ul li:hover{border:none;line-height:35px}
.side-menu ul li ul li a span{margin-top:-17px;padding:0}

.test-mark {position:relative;}
.test-mark-01 {position:absolute; top:-222px; left:900px;}
.test-mark-01 img {width:70%; height:70%;}



/*.side-menu .lili_ {border-top:1px solid black;  float:left; border-bottom:transparent;  }
.side-menu .lili_ .ko{float:left; border-right:1px solid black; width:121px;  text-align:center; border-bottom:1px solid black; } 
.side-menu .lili_ .en{ width:121px;float:right;  text-align:center; border-bottom:1px solid black; }
.side-menu ul .lili_ .ko a{padding-left:10px}
.side-menu ul .lili_ .en a{padding-left:10px}*/


/*=========================
3. slider
===========================*/
.slider{font-family:'Raleway',sans-serif}

.fullwidthbanner1 .tp-leftarrow.default,.fullwidthbanner1 .tp-rightarrow.default{position:relative;z-index:100;width:50px;height:50px;border:2px solid #fff;border-radius:100%;background:transparent none repeat scroll 0 0;cursor:pointer}
.fullwidthbanner1 .tp-rightarrow.default:after{left:17px !important;content:'\f105' !important}
.fullwidthbanner1 .tp-leftarrow.default:after,.fullwidthbanner1 .tp-rightarrow.default:after{position:absolute;left:27%;font-family:fontawesome;font-size:43px;color:#fff;content:'\f104'}
.readon::before{position:absolute;top:0;right:-13px;width:55px;height:100%;background-color:rgba(0,0,0,0.1);content:'';transform:skewX(25deg)}
.readon::after{position:absolute;top:50%;right:10px;font-family:FontAwesome;content:'\f178';transform:translateY(-50%)}
.readon.white{color:#fff}
.readon.border{border:2px solid #FF2B42;background-color:transparent;color:#444}
.readon.large{display:inline-block;min-width:80px;margin-bottom:5px;padding:15px 65px 15px 20px!important;font-size:14px!important;font-weight:bold;line-height:16px;text-transform:uppercase}
.readon.white{color:#fff}
.readon{display:inline-block;overflow:hidden;position:relative;padding:8px 55px 8px 15px;border:2px solid #ff2b42;background:#ff2b42 none repeat scroll 0 0;color:#fff;text-align:left;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}
.readon.white:hover{background:#f5001d none repeat scroll 0 0;color:#fff}

/*=========================
4. main-menu
===========================*/
.main-menu{position:relative;min-height:56px;background-color:#fff;text-align:center}
.menu{}
.menu ul{height:87px}
.menu ul li{display:inline;position:relative;padding:14px}
.menu ul li:first-child::after{display:none}
.menu ul li:after{position:absolute;top:0;left:0;width:1px;height:100%;background-color:rgba(0,0,0,0.1);content:'';transform:skew(-25deg)}
.menu ul li a{position:relative;height:55px;padding:0 22px;background:transparent none repeat scroll 0 0;font-family:'Nanum Gothic';font-size:14px;font-weight:400;line-height:55px;color:#666;text-decoration:none;text-transform:uppercase;box-sizing:border-box}
.menu ul li a:hover{color:#666}
.menu ul li:hover .mega-menu{visibility:visible;top:100%;opacity:1}
.mega-menu{visibility:hidden;position:absolute;top:120%;left:0;z-index:202!important;width:520px;padding:20px 0;background:#222 none repeat scroll 0 0;opacity:0;transition:all .3s ease 0}
.mega-menu ul{}
.mega-menu ul li{float:left;width:100%;padding:0 25px;border-right:1px solid #333;text-align:left}
.mega-menu ul li a{display:block!important;height:60px;padding:15px 0!important;border-bottom:1px solid #333;line-height:1;color:#d5d5d5}
.mega-menu ul li:nth-child(1n+7) a{border-bottom:0 solid #333}
.mega-menu ul li a:hover,.mega-menu ul li a:hover div{color:#fff}
.mega-menu ul li a div{font-size:13px;line-height:18px;font-weight:500;color:#d5d5d5;text-transform:capitalize}



.menu ul li:hover .one-collam-menu{visibility:visible;top:100%;opacity:1}
.one-collam-menu{visibility:hidden;position:absolute;top:120%;left:0;transition:all .3s ease 0}
.one-collam-menu .mega-menu{width:200px}
.one-collam-menu .mega-menu ul li{line-height:26px!important}
.one-collam-menu .mega-menu ul li a{height:45px!important}
.one-collam-menu .mega-menu ul li:last-child a{border-bottom:0 solid #333}


.five-collum-menu{visibility:hidden;position:absolute;top:120%;left:-285px;z-index:202!important;width:1125px;padding:25px 0;background:#222 none repeat scroll 0 0;opacity:0;transition:all .3s ease 0}
.menu ul li:hover .five-collum-menu{visibility:visible;top:100%;z-index:100;opacity:1}
.five-collum-menu .menu-colum{float:left;width:225px;padding:0 30px;border-right:1px solid #333;text-align:left}
.five-collum-menu .menu-colum h3{margin-bottom:8px;padding-bottom:10px;border-bottom:1px solid #333}
.five-collum-menu .menu-colum h3 a{display:block;padding:5px 0;font-weight:700;color:#d5d5d5;text-transform:capitalize}
.five-collum-menu .menu-colum a{display:block;height:25px;margin:0;padding:0;line-height:20px;color:#ff2b42;text-transform:capitalize}
.pages-mega-menu .menu-colum{width:25%}
.shop-mega-menu{left:-681px}
.shop-mega-menu .menu-colum{width:281px!important}
.shop-mega-menu .menu-colum h3{}
.shop-mega-menu .menu-colum h3 a{text-transform:uppercase !important}
.shop-mega-menu .menu-colum h3 a:hover{color:#fff}
.shop-mega-menu .menu-colum h3 a span{float:right;padding:0 6px;border-radius:2px;background:#f14b51;font-size:10px;text-transform:uppercase}
.shop-mega-menu .menu-colum h3 a span.orange{background:#F39C12}
.shop-mega-menu .menu-colum a span{float:right;padding:0 6px;border-radius:2px;background:#f14b51;font-size:10px;text-transform:uppercase}
.shop-mega-menu .menu-colum a span.lime{background:#8DD538;color:#fff}
.pages-mega-menu{left:-630%}
.pages-mega-menu .menu-colum a{height:25px;padding:21px 0;border-bottom:1px solid #333;line-height:0;color:#d5d5d5;transition:all .3s ease 0}
.pages-mega-menu .menu-colum:nth-child(1) :nth-child(5),.pages-mega-menu .menu-colum:nth-child(2) :nth-child(5),.pages-mega-menu .menu-colum:nth-child(3) :nth-child(5),.pages-mega-menu .menu-colum:nth-child(4) :nth-child(5),.pages-mega-menu .menu-colum:nth-child(5) :nth-child(5){border-bottom:0 solid #333}
.pages-mega-menu .menu-colum a:hover{color:#fff}
.sticky{position:fixed;top:0;left:0;z-index:100;width:100%;border-top:0}

/*=========================
5. features area
===========================*/
.features-area{padding-bottom:98px;padding-top:90px}
.featuer-top{}
.featuer-top h1{display:block;font-family:'Raleway';font-size:24px;font-weight:normal;line-height:47px;color:#ff2b42}
.featuer-top h2{margin-bottom:22px;font-family:'Raleway';font-size:42px;font-weight:bold;line-height:42px;color:#000}
.featuer-top p{width:50%;margin:0 auto 20px;font-family:'Open Sans';font-size:15px;line-height:20px;color:#666}
.feature-box-area{margin-top:70px}
.feature-box{margin-top:45px}
.feature-box:hover{opacity:0.7}
.feature-box i{display:block;clear:both;width:115px;height:115px;margin:0 auto 30px;padding:40px;border:1px dashed #ff2b42;border-radius:100px;background:transparent none repeat scroll 0 0;font-size:32px;color:#ff2b42}

/* keyframes #animation1 */
@-webkit-keyframes animation1{0%{-webkit-transform:scale(1)}30%{-webkit-transform:scale(0.7)}100%{-webkit-transform:scale(1)}}
@-moz-keyframes animation1{
0-moz-transform:scale(1)}
30%{-moz-transform:scale(0.7)}
100%{-moz-transform:scale(1)}
}
.feature-box:hover.feature-box i{animation-duration:.4s;animation-name:animation1}
.feature-box h3{margin-bottom:12px;font-size:22px;font-weight:normal;color:#666}
.feature-box p{margin-bottom:24px;font-size:15px;line-height:20px;color:#666}
.feature-box a{position:relative}
.feature-box a.readon::before{position:absolute;top:0;right:-13px;width:55px;height:100%;background-color:rgba(0,0,0,0.1);content:'';transform:skewX(25deg)}
.feature-box a.readon::after{position:absolute;top:50%;right:10px;font-family:FontAwesome;content:'\f178';transform:translateY(-50%)}
.feature-box a.readon.border{background-color:transparent;color:#444}
.feature-box a.readon.small{display:inline-block;min-width:80px;margin-bottom:5px;padding:8px 50px 8px 12px;font-size:11px;line-height:13px;text-transform:uppercase}
.feature-box a.readon.border:hover{background-color:#f5001d;color:#fff}
.feature-box a.readon{display:inline-block;overflow:hidden;position:relative;padding:8px 55px 8px 15px;border:2px solid #ff2b42;background:#ff2b42 none repeat scroll 0 0;color:#fff;text-align:left;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}

/*=========================
6. design shop area
===========================*/
.design-shop-area{position:relative;background:rgba(0, 0, 0, 0) url(img/bg/bg.jpg) repeat scroll 0 0 / cover}
.design-shop-inner{padding:125px 0}
.design-shop-right-img{position:absolute;top:50px;right:210px}
.shop-design-text{position:absolute;top:195px}
.shop-design-text h1{font-size:35px;font-weight:bold;font-family:'Raleway';color:#fff}
.shop-design-text h2{font-family:'Raleway';font-size:55px;font-weight:700;color:#ff2b42;text-shadow:none !important}
.shop-design-text p{width:60%;font-size:16px;font-weight:300;font-family:Open Sans;line-height:30px;color:#fff}
.shop-design-text .feature-box a.readon.border{padding:17px 55px 15px 10px;background-color:#ff2b42 !important;font-size:15px;font-weight:bold;color:#fff}

/*=========================
7. count area
===========================*/
.count-area{padding:100px 0;background:#FF2B42}
.count-box{padding:23px 0;border-right:1px dashed #fff}
.count-box-border{border-right:0 dashed #fff}
.count-box h2{margin-bottom:5px;font-family:'Raleway';font-weight:bold;font-size:55px;color:#fff}
.count-box h2.black{margin-bottom:5px;font-family:'Raleway';font-weight:bold;font-size:55px;color:#000}
.count-box h2 span{}
.count-box p{font-size:18px;color:#fff}
.count-box p.black{font-size:18px;color:#000}

/*=========================
8. team-member-area
===========================*/
.team-member-area{padding-top:3%}
.area-header{margin-bottom:37px}
.area-title{margin-bottom:20px;padding:5px 0 5px 15px;border-left:4px solid #ff2b42}
.area-title h3{display:block;margin-bottom:5px;font-size:24px;line-height:24px;font-weight:normal;font-family:'Raleway';color:#ff2b42;text-transform:uppercase}
.area-title h2{font-family:'Raleway';font-size:42px;font-weight:bold;line-height:42px;color:#000}
.area-header p{font-size:14px;line-height:20px;color:#666}
.single-team{clear:both}
.team-box{}
.team-box img{}
.team-box h3{margin-top:20px;margin-bottom:3px;font-family:'Raleway';font-weight:bold;font-size:21px;color:#444;text-transform:uppercase}
.team-box h5{display:block;margin-bottom:10px;font-size:13px;font-weight:normal;line-height:21px;opacity:0.5;text-transform:uppercase}
.team-box p{}
.team-description{padding-left:20px;padding-right:20px}
.team-description p{padding-left:5px;padding-right:5px;padding-top:20px;border-top:1px solid #000;font-size:14px;line-height:20px;color:#333}
.team-sociul{}
.team-sociul p{}
.team-sociul p a{}
.team-sociul p a i{padding:15px;font-size:16px;color:#333;transition:.3s}
.team-sociul p a i:hover{color:#FF4E42}
.team-box:hover h3{color:#FF4E42}
.team-box:hover .team-description p{border-top:1px solid #FF4E42}

/*=========================
9. portfolio area
===========================*/
.portfolio-area{padding-top:100px;background:#f7f7f7}
.portfolio-gallery-area{width:100%}
.portfolio-item{overflow:hidden;position:relative;width:100%;line-height:0}
.portfolio-item:before{position:absolute;top:-50%;left:-100%;z-index:1;width:80%;height:220%;background-color:#ff2b42;content:'';transform:rotate(25deg);transform-origin:center top 0;transition:left .5s ease 0}
.portfolio-item:hover:before{left:5%}
.portfolio-item:after{position:absolute;left:53%;bottom:-1000%;width:55%;height:175%;background-color:rgba(0,0,0,0.7);content:'';transform:rotate(-33deg);transform-origin:center bottom 0;transition:bottom .8s ease 0}
.portfolio-item:hover:after{bottom:-70%}
.portfolio-details{}
.portfolio-title{position:absolute;top:-85px;left:20px;z-index:5;color:#fff;opacity:0;transition:all 1.1s ease 0}
.portfolio-title h3{margin-bottom:12px;font-size:19px;font-weight:normal;color:#fff}
.portfolio-title h5{font-size:13px;font-weight:normal;color:#fff}
.portfolio-link{position:absolute;left:20px;bottom:-50px;z-index:6;opacity:0;transition:all 1.1s ease 0}
.portfolio-item:hover .portfolio-title{top:20px;opacity:1}
.portfolio-item:hover .portfolio-link{bottom:0;bottom:-10px;opacity:1}
.portfolio-link p{width:100%!important}
.portfolio-link p a{display:block;float:left;width:35px;height:35px;margin-right:5px;padding-top:7px;border-radius:100%;font-size:17px;color:#333;text-align:center}
.portfolio-link p a i{padding-top:3px}
.portfolio-link p a.link{margin-right:10px;margin-top:36px;background:#444 none repeat scroll 0 0;color:#fff}
.portfolio-link p a.search{background:#fff;color:#FF2B42}
.portfolio-item-one .portfolio-item{height:705px}
.portfolio-item-two .portfolio-item{height:345px}
.portfolio-item-three{width:96%!important;margin-bottom:15px;margin-left:15px}
.portfolio-item-three .portfolio-item{width:100%!important;height:345px}
.item-two-mb{overflow:hidden;margin-bottom:15px}
.poerfolio-three-iteam .portfolio-item.three-inner-one,.poerfolio-three-iteam .portfolio-item.three-inner-two{height:345px}
.poerfolio-three-iteam{width:96% !important;margin-left:15px}
.poerfolio-three-iteam img{width:100%;height:345px}
.three-inner-one img{margin-right:15px}
.three-inner-two img{margin-left:15px}
.portfolio-item.three-inner-one{width:95%!important;margin-right:15px!important}

/*=========================
10. optimize area
===========================*/
.optimize-area{padding-top:102px;background:#f5f5f5 url(img/bg/14.png) repeat scroll 0 0;color:#666}
.su-list ul{margin-bottom:45px;margin-top:43px}
.su-list ul li{display:block !important;position:relative;margin:0 !important;padding:4px 0 4px 2em !important;line-height:1.3em;list-style-type:none !important}
.su-list ul li i{position:absolute;top:4px;left:0;width:1.3em;height:1.3em;line-height:1.3em;color:#e74c3c;text-align:center}
.optimize-area .feature-box a.readon.small{padding:15px 55px 15px 20px;background-color:#ff2b42 !important;font-size:14px;font-weight:bold;color:#fff}
.optimize-area .feature-box a.readon.border{background:#ff2b42;color:#fff}
.optimizer-image{}
.optimizer-image img.mobile-two{position:absolute;top:0;left:0}

/*=========================
11. blog-area
===========================*/
.blog-area{padding-top:102px;background:#f7f7f7 none repeat scroll 0 0}
.blog-one{height:750px}
.blog-post-area .blog-one{height:740px}
.portfolio-item.blog-one img{width:100%;height:100%;background-size:cover!important}
.blog-four{width:1118px;margin-left:0}
.blog-post-area .blog-four{width:100%;margin-left:0}
.blog-four .portfolio-item{height:370px}
.blog-post-area{width:100%!important}
.blog-post-area h3 a{font-family:Raleway;font-size:22px;color:#fff;text-transform:uppercase}
.blog-post-area span{display:block;margin-bottom:5px}
.blog-post-area span a{margin-right:15px;color:#fff}
.blog-post-area span a:hover{color:#fff;text-decoration:underline}
.blog-post-area p{width:50%;margin-top:20px;font-size:14px;line-height:20px}

/*=========================
12. client area
===========================*/
.client-area{padding-top:87px;padding-bottom:63px}
.client-logo{margin-bottom:25px}

/*=========================
13. footer
===========================*/
.footer-top{padding-top:100px;background:#151515 none repeat scroll 0 0;color:#fff}
.footer-logo{padding-right:20px;border-right:1px solid #666}
.footer-logo a{}
.footer-logo a img{width:150px;margin-bottom:25px}
.footer-logo p{margin-bottom:15px;font-size:14px;line-height:22px}
.email-newslatter{}
.email-newslatter h3{font-size:18px;font-weight:normal;color:#fff}
.email-newslatter p{margin-top:10px}
.email-newslatter form{margin-top:32px}
.email-newslatter form input[type=text]{width:88%;height:50px;padding:0 20px;border-color:rgba(255,255,255,0.3);border-style:solid;border-width:1px 0 1px 1px;background:transparent none repeat scroll 0 0;color:#fff;text-decoration:underline;box-sizing:border-box}
.email-newslatter form button[type=submit]{float:right;position:relative;width:12%;height:50px;margin:0;border-color:rgba(255,255,255,0.3);border-style:solid;border-width:1px;background:transparent none repeat scroll 0 0;color:#fff;text-align:left;text-align:center;box-sizing:border-box;transition:all .3s ease-in-out 0}
.email-newslatter form button[type=submit]:hover{background:#242424}
.email-newslatter form button i{font-size:20px;color:#ccc}
.footer-copy-right{padding:20px 0;border-top:1px solid #000;background:#151515 none repeat scroll 0 0;text-align:center}
.copyright-text{}
.copyright-text p{font-size:11px;color:#ccc}
.copyright-text p a{margin-left:5px;color:#ccc}
.copyright-text p a:hover{color:#fff}
.footer-menu{float:right}
.footer-menu ul{}
.footer-menu ul li{display:inline}
.footer-menu ul li a{padding:0 7.5px;font-size:14px;color:#fff}
.footer-menu ul li a:hover{color:#ccc}
#scrollUp{display:block;position:absolute;right:-50px;bottom:-30px;z-index:1000;width:120px;height:79px;background-color:#FF2B42;font-size:16px;line-height:42px;color:#fff !important;text-align:center;text-decoration:none !important;transform:rotate(-45deg);transition:all .5s cubic-bezier(0,0,0,1) 0}
#scrollUp:hover{background-color:#FF2B42}
#scrollUp i{display:block;padding-top:10px;font-size:20px;transform:rotate(45deg)}

/*=========================
14. home2
===========================*/
body.home-2{background:#f2f2f2}
body.home-2 .cart-and-search::before{position:absolute;top:-11px;right:-366px;width:60%;height:119%;background-color:#2ecc71;content:''}
body.home-2 .cart-and-search::after{position:absolute;top:-11px;left:96.7%;width:30%;height:119%;background-color:#2ecc71;content:'';transform:translateX(-60px) skewX(-25deg)}
body.home-2 .sidr .side-search .header-search{display:block;width:100%;height:96px;margin:0;padding:0;background:#2ECC71}
body.home-2 .sidr .side-search .header-search input{border-bottom:1px solid#54d98c}
body.home-2 .side-menu-icon{float:right;position:relative;top:22px;left:190px;z-index:1}
body.home-2 .cart{width:150px;margin-top:-5px;padding-left:10px}
body.home-2 .cart a{padding:14px 0;border-radius:2px;background-color:#fdae30;font-size:14px;font-weight:400;color:#fff;text-decoration:none;transition:all .3s ease 0}
body.home-2 .cart a:hover{background:#FF9E05}
body.home-2 .cart a i{margin-left:15px;margin-right:5px}
.call-to-acction{width:570px;height:69px;margin-top:15px}
.call-to{float:left;width:170px;padding-left:14px;border-right:1px solid #ccc}
body.home-2 .call-to h3{margin-bottom:2px;font-size:13px;font-family:'Dosis';color:#888}
.call-to h3 i{padding-right:5px}
.call-to a{display:block;font-size:14px;font-weight:bold;line-height:20px;color:#444}
.call-to span{display:block;font-weight:bold;font-size:14px;line-height:20px;color:#555}
.call-to a:hover{color:#2ECC71}
body.home-2 span.search-button i{margin-right:5px;color:#fff}
body.home-2 .global-link-color{font-family:'Dosis',sans-serif;font-size:55px!important;font-weight:bold!important;color:#2ECC71}
body.home-2 .detailText{color:#fff}
body.home-2 h1.home2-slide{color:#2ECC71}
body.home-2 .readon{display:inline-block;overflow:hidden;position:relative;padding:12px 55px 12px 15px !important;border:2px solid #2ecc71;background:#2ecc71 none repeat scroll 0 0;color:#fff;text-align:left;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}

/*=========================
14.1 work-proses
===========================*/
.work-proses{position:relative;top:-145px;z-index:999}
.back{position:absolute;top:0}
.front{text-align:center;box-shadow:none}
div.card div{border:medium none;text-align:center;box-shadow:none}
div.card div.back{position:absolute;top:0;z-index:1;width:89%;height:100%;margin-bottom:0;backface-visibility:hidden;box-sizing:border-box;transition:all 400ms ease 0;transform:rotateY(0deg)}
div.card div.front{z-index:9;height:100%;margin-bottom:0;transform:rotateY(-180deg);backface-visibility:hidden;box-sizing:border-box;transition:all 400ms ease 0}
div.card:hover div.back{transform:rotateY(180deg)}
div.card:hover div.front{transform:rotateY(0deg)}

/*=========================
14.2 our-product-area2
===========================*/
.our-product-area2{}
.area-title2{}
.area-title2 h2{position:relative;margin-bottom:45px;font-size:36px;line-height:36px;font-weight:bold;font-family:'Dosis',sans-serif;color:#444}
.area-title2 h2:after{position:absolute;top:49px;left:48.5%;width:32px;height:2px;background:#2ecc71 none repeat scroll 0 0;content:''}
.area-title2 p{width:48%;margin:0 auto;font-size:14px;line-height:20px}
.product-area2{clear:both;padding-top:65px}
.product-box2{margin-bottom:23px}
.product-box2-icon{}
.product-box2-icon img{width:80%}
.product-box2:hover .product-box2-icon img{animation-duration:.4s;animation-name:animation1}
.product-box2-text{}
.product-box2-text h3{margin-bottom:16px;font-family:'Dosis',sans-serif;font-size:22px;font-weight:400;color:#444}
.product-box2-text p{font-size:14px;line-height:20px;color:#666}

/*=========================
14.3 our-work-area2
===========================*/
.our-work-area2{overflow:hidden;margin-top:78px;padding-top:100px;background:#fff none repeat scroll 0 0}
.our-work-gallery{margin-top:50px}
.our-work-gallery ul{}
.our-work-gallery ul li{float:left;width:25%;line-height:0}
.our-work-gallery ul li a{}
body.home-2 .our-work-gallery ul li a .portfolio-item::after{display:none}
body.home-2 .our-work-gallery ul li a .portfolio-item::before{background-color:#2ECC71;transform:rotate(15deg)}
body.home-2 .our-work-gallery ul li a .portfolio-title h3{font-family:'Dosis',sans-serif;color:#fff}
body.home-2 .our-work-gallery ul li a .portfolio-title h5{float:right;margin-top:-14px;font-family:'Dosis',sans-serif;color:#fff}
body.home-2 .our-work-gallery ul li a .portfolio-title{position:absolute;top:20px;left:-60%;z-index:5;color:#fff;transition:all 1.1s ease 0}
body.home-2 .our-work-gallery ul li a .portfolio-item:hover .portfolio-title{left:20%}

/*=========================
14.4 project screenshot area
===========================*/
.project-screenshot-area{overflow:hidden;padding-top:100px;padding-bottom:17px;background:#fff none repeat scroll 0 0}
.screenshot-area{width:1400px;margin:0 auto;margin-top:50px;padding:0}
.screenshot-image-left{float:left;width:30%}
.screenshot-image-left img{}
.screenshot-image-center{float:left;position:relative;top:55px;left:-19.5px;width:40%;margin-bottom:-276px}
.screen-image{max-width:1130px}
.screenshot-image-center img{max-width:100%}
.screenshort-carosel-area{position:relative;max-width:944px;width:auto !important;padding:4.3% 8.2% 18%}
.screenshot-image-meddin{position:relative;top:-427px;left:1px}
.screenshot-image-meddin img{}
.screenshot-image-meddin a{position:absolute;top:55%;left:49%;z-index:1;width:46px;height:46px;margin-left:-20px;margin-top:-20px;border-radius:50%;background-color:rgba(255,255,255,0.31);line-height:46px;color:#fff;text-align:center;opacity:0;transform:translateY(20px);transition:all .25s ease-in-out 0}
.screenshot-image-meddin a:after{display:block;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(255,255,255,0.38);border-radius:50%;content:'';opacity:1;transition:opacity 0 ease 0s,transform 0 ease 0s,border 0 ease 0}
.screenshot-image-meddin a:hover::after{visibility:visible;opacity:0;transform:scale(1.3);transition-duration:.5s}
.screenshot-image-meddin .item:hover a{top:45%;opacity:1}
.screenshot-image-meddin a i{}
.screenshot-image-right{float:right;width:30%}
.screenshot-image-right img{}

/*=========================
14.5 testimonial area
===========================*/
.testimonial-area{padding-bottom:80px;padding-top:100px;background:rgba(0, 0, 0, 0) url(img/home2/testimonials/testimonial.jpg) repeat scroll 0 0 / cover}
.testimonial-area .area-title2 h2{color:#fff}
.single-testimonial{margin-top:30px}
.testimonial-box{display:inline-block;position:relative;padding:35px;border-bottom:4px solid #2ecc71;background:#f6f6f6;color:#444}
.testimonial-box img{float:left;width:100px;height:100px;margin-right:30px;border-radius:0}
.testimonial-box .quote{display:block;position:absolute;bottom:-11.5px;width:20px;height:20px;background:#2ecc71;transform:rotate(45deg)}
.testimonial-box .quote:after{display:block;position:absolute;top:-9px;left:-7px;width:23px;height:25px;background:#F6F6F6;content:''}
.testimonial-box p{font-size:14px;line-height:20px}
.testimonial-details{margin-top:20px;font-size:13px}
.testimonial-details h5{display:block;position:relative;top:8px;margin-bottom:10px;font-size:14px;font-weight:bold;color:#fff}
.testimonial-details p{color:#fff;opacity:0.8}
.testimonial-details p a{color:#2ecc71;text-decoration:none;cursor:pointer}
.testimonial-details p a:hover{}

/*=========================
14.6 our team area
===========================*/
.our-team-area2{padding-top:100px;padding-bottom:90px;background:#fff}
.our-team-area2 .team-box img{filter:grayscale(100%);transition:all .3s ease 0}
.our-team-area2 .team-box h3{font-family:'Dosis',sans-serif;font-size:1.4em;transition:all .3s ease 0}
.our-team-area2 .team-box .team-description p{border-top:1px solid #000;transition:all .3s ease 0}
.our-team-area2 .team-box:hover img{filter:grayscale(0%)}
.our-team-area2 .team-box:hover h3{color:#2ECC71}
.our-team-area2 .team-box:hover .team-description p{border-top:1px solid #2ECC71}
.our-team-area2 .team-box .team-sociul a i:hover{color:#2ECC71}
.our-team-area2 .single-team{clear:both;padding-top:50px}

/*=========================
14.7 blog-area
===========================*/
body.home-2 .blog-area{padding-top:100px;background:#f2f2f2}
body.home-2 .blog-post-area{margin-top:50px}
body.home-2 .blog-post-area .portfolio-item::before{background-color:#2ECC71}
body.home-2 .blog-post-area .portfolio-title > p{width:50%;margin-top:20px;line-height:20px}
body.home-2 .blog-post-area .portfolio-title{top:70px}
body.home-2 .blog-post-area .portfolio-item:hover .portfolio-title{top:55px;opacity:1}

/*=========================
14.8 blog-area
===========================*/
body.home-2 .client-area{padding-bottom:65px;padding-top:100px;background:#fff none repeat scroll 0 0}
body.home-2 .client-area .client-logo{margin-top:10px}
body.home-2 #scrollUp{display:block;position:absolute;right:-50px;bottom:-30px;z-index:1000;width:120px;height:79px;background-color:#2ECC71;font-size:16px;line-height:42px;color:#fff !important;text-align:center;text-decoration:none !important;transform:rotate(-45deg);transition:all .5s cubic-bezier(0,0,0,1) 0}

/*=========================
15 home3
===========================*/
body.home-3{}
body.home-3 .tp-leftarrow{position:absolute !important;top:90% !important}
body.home-3 .tp-rightarrow{position:absolute !important;top:90% !important;left:4.5%}
body.home-3 .call-to h3{margin-bottom:2px;font-family:'Lobster';font-size:14px;font-weight:normal;color:#666;text-transform:lowercase}
body.home-3 .call-to a{display:block;font-weight:bold;font-size:14px;color:#333;text-align:inherit}
body.home-3 .call-to span{font-weight:700;font-size:14px;color:#333}
body.home-3 .call-to a:hover{color:#FFB400}
body.home-3 h1,body.home-3 h2,body.home-3 h3,body.home-3 h4,body.home-3 h5,body.home-3 h6{font-family:'Lobster',cursive}
body.home-3 .cart-and-search::before{position:absolute;top:-11px;right:-366px;width:60%;height:119%;background-color:#FFB400;content:''}
body.home-3 .cart-and-search::after{position:absolute;top:-11px;left:96.7%;width:30%;height:119%;background-color:#FFB400;content:'';transform:translateX(-60px) skewX(-25deg)}
body.home-3 .sidr .side-search .header-search{display:block;width:100%;height:94px;margin:0;padding:0;background:#FFB400}
body.home-3 .sidr .side-search .header-search input{border-bottom:1px solid#ffc333}
body.home-3 .side-menu-icon{float:right;position:relative;top:22px;left:190px;z-index:1}
body.home-3 .send-mail{border-right:0 solid #ccc}
body.home-3 .largeHeadingWhite h1{font-size:75px;font-weight:700;line-height:normal;color:#FFF;letter-spacing:2px}
body.home-3 .mediumHeading h2{font-size:55px;font-weight:700;color:#fff;text-shadow:none !important}
body.home-3 .detailText p{font-size:18px;font-weight:300;line-height:30px;color:#FFF}
body .readon{display:inline-block;overflow:hidden;position:relative;padding:8px 55px 8px 15px;border:2px solid #FF2B42;background:#FF2B42 none repeat scroll 0 0;color:#fff;text-align:left;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}
body.home-3 .menu ul li a{display:inline-block;position:relative}
body.home-3 .menu ul li a:after{position:absolute;left:50%;bottom:-1px;width:0;height:1px;background:#ffb400 none repeat scroll 0 0;content:'';transform:translateX(-50%);transition:all .5s cubic-bezier(0.06,0.68,0.57,1.07) 0}
body.home-3 .menu ul li.active a:after{width:100%}
body.home-3 .menu ul li:hover a:after{width:100%}
body.home-3 .menu ul li ul li a:after{background:transparent}
body.home-3 .menu ul li .menu-colum a:after{background:transparent}
body.home-3 .menu ul li .menu-colum a{display:block;z-index:999}

/*=========================
15.1 what wo do area
===========================*/
.what-wo-do-area{padding:115px 0 120px;background:#fff none repeat scroll 0 0}
.area-title3{}
.area-title3 h2{position:relative;margin-bottom:44px;font-family:'Lobster',cursive;font-size:36px;color:#444}
.area-title3 h2:after{position:absolute;top:117%;left:45%;width:120px;height:12px;background:rgba(0, 0, 0, 0) url(img/home3/icon/circle-line.svg) repeat scroll 0 0;content:''}
.area-title3 p{}
.we-do-area{overflow:hidden;margin-top:37px;padding:15px;border:1px solid #ddd;background-color:#fff;box-shadow:0 0 0 #eee}
.we-do-top{overflow:hidden;border-bottom:1px solid #ddd}
.we-do-box{margin:25px 0;padding:15px;border-right:1px solid #ddd}
.we-do-last{border-right:0 solid #ddd}
.we-do-icon{}
@-moz-keyframes buzz-out{
10transform:translateX(3px) rotate(2deg)}
20%{transform:translateX(-3px) rotate(-2deg)}
30%{transform:translateX(3px) rotate(2deg)}
40%{transform:translateX(-3px) rotate(-2deg)}
50%{transform:translateX(2px) rotate(1deg)}
60%{transform:translateX(-2px) rotate(-1deg)}
70%{transform:translateX(2px) rotate(1deg)}
80%{transform:translateX(-2px) rotate(-1deg)}
90%{transform:translateX(1px) rotate(0deg)}
100%{transform:translateX(-1px) rotate(0deg)}
}
.we-do-box:hover .we-do-icon i{animation-duration:.4s;animation-iteration-count:1;animation-name:buzz-out;animation-timing-function:linear}

/* keyframes #animation1 */
@-webkit-keyframes animation1{0%{-webkit-transform:scale(1)}30%{-webkit-transform:scale(0.7)}100%{-webkit-transform:scale(1)}}
@-moz-keyframes animation1{
0-moz-transform:scale(1)}
30%{-moz-transform:scale(0.7)}
100%{-moz-transform:scale(1)}
}
.feature-box:hover.feature-box i{animation-duration:.4s;animation-name:animation1}
.we-do-icon i{max-width:60px;height:60px;padding:20px;background:transparent none repeat scroll 0 0;font-size:60px;color:#666}
.we-do-text{}
.we-do-text h3{margin-top:35px;margin-bottom:15px;font-family:Lobster;font-size:18px;font-weight:normal}
.we-do-text a{font-size:15px;color:#ffb400}
.we-do-bottom{}

/*=========================
15.2 chief cook area
===========================*/
.our-recent-post3 .area-title3 h2,.contact-area3 .area-title3 h2{position:relative;margin-bottom:44px;font-family:'Lobster',cursive;font-size:36px;color:#444}
.chief-cook-area{background:#f2f2f2}
.cook-text{margin-top:125px}
.cook-text h5{margin-bottom:20px;font-size:22px;line-height:22px;font-family:Lobster;color:#444}
.cook-text h2{margin-bottom:55px;font-size:36px;line-height:36px;font-family:Lobster;color:#444}
.cook-text p{margin-bottom:20px}
.cook-text img{width:235px;margin-top:34px}
.cook-image{}
.cook-image img{}

/*=========================
16. count area home3
===========================*/
body.home-3 .count-area{padding-bottom:120px;padding-top:122px;background:#ffb400 none repeat scroll 0 0}
body.home-3 .count-area .count-box{}
body.home-3 .count-area .count-box i{font-size:64px;color:#fff}
body.home-3 .count-area .count-box h2{font-family:'Lobster',cursive}
body.home-3 .count-area .count-box p{}

/*=========================
17. testimonial area3
===========================*/
body.home-3 .testimonial-area3{padding-top:115px;padding-bottom:115px;background:rgba(0, 0, 0, 0) url(img/home3/testimonial/testimonialbg.jpg) repeat scroll 0 0;color:#fff}
.testimonial-area3 .area-title3 h2{color:#fff}
body.home-3 .testimonial-carosel{overflow:hidden}
body.home-3 .testimonial-box3{}
body.home-3 .testimonial-box3 img{width:80px !important;height:80px;margin-bottom:20px;margin-top:15px;padding:5px;transition:background .6s ease-out 0}
body.home-3 .testimonial-box3 p{margin:10px 0;font-family:Georgia;font-size:18px;font-style:italic;font-weight:300;line-height:1.5em}
body.home-3 .testimonial-box3 a{color:#ffb400}
body.home-3 .testimonial-box3 a span{margin-right:10px;color:#fff}

/*=========================
18. our recent post
===========================*/
.our-recent-post3{overflow:hidden;padding-bottom:118px;padding-top:114px}
.recent-post-box-area{width:1712px;margin:55px auto}
.recent-post-box{float:left;width:50%}
.postImage{float:left;width:50%}
.postImage .recent-image{position:relative;width:100%;height:100%}
.postImage .recent-image:after{position:absolute;top:44%;right:-16px;width:25px;height:25px;background:#fff;content:'';transform:rotate(45deg)}
.postimage-meddil .recent-image:after{position:absolute;top:44%;left:-13px;width:25px;height:25px;background:#fff none repeat scroll 0 0;content:'';transform:rotate(45deg)}
.recent-image img{}
.postImage .recent-image:hover .recent-caption{opacity:1}
.recent-caption{position:absolute;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;color:#fff;text-align:center;opacity:0;transition:all .3s ease 0}
.recent-caption > p{position:absolute;top:50%;right:0;left:0;margin-top:-6px;text-align:center}
.postDesc{display:inline-block;float:left;width:50%;margin-top:30px}
.postDesc a.cbp-l-grid-blog-title{display:block;margin-top:17px;font-family:'Open Sans',sans-serif;font-size:18px;line-height:30px;font-weight:400px;color:#444}
.postDesc .su-pgrid-meta span{position:relative;font-size:12px}
.postDesc .su-pgrid-meta .cbp-l-grid-blog-date{margin-right:5px;padding-right:10px}
.su-pgrid-meta > .cbp-l-grid-blog-date::after{position:absolute;top:50%;right:0;width:2px;height:11px;background-color:rgba(0,0,0,0.1);content:'';transform:translateY(-50%)}
.cbp-l-grid-blog-desc{margin-top:9px;font-family:'Open Sans',sans-serif;font-size:13px;line-height:18px;font-weight:400px;color:#9b9b9b}

/*=========================
19. skill-area3
===========================*/
.skill-area3{width:100%;padding-bottom:80px;padding-top:97px;background:rgba(0, 0, 0, 0) url(img/home3/progressbg.jpg) repeat scroll center top / cover}
.skill-area3 .skill{overflow:hidden;padding-top:20px}
.progress span.parsentens{margin-right:25px}
.skill .lead{margin-bottom:0;font-family:'Lobster',cursive;font-size:15px;color:#fff}
body.home-3 .skill .progress-bar > span{float:right;margin-right:27px;margin-top:3px;font-size:15px}
body.home-3 .skill .progress .progress-bar{background:#fff}
.skill .progress .lead{position:absolute;top:-23px;left:0;z-index:99;font-size:13px;font-weight:700;color:#444}
body.home-3 .skill .progress{overflow:visible;position:relative;height:5px;margin-bottom:40px;border-radius:0;background-color:rgba(255,255,255,0.2);box-shadow:none}
body.home-3 .skill .progress-bar > span{float:right;position:relative;margin-right:10px;margin-top:-26px;padding:0 5px;background:#333 none repeat scroll 0 0;font-size:11px}
body.home-3 .skill .progress-bar > span:before,body.home-3 .skill .progress-bar > span:after{position:absolute;top:100%;width:0;height:0;border:medium solid transparent;content:' ';pointer-events:none}
body.home-3 .skill .progress-bar > span:before{left:50%;margin-left:-5px;border-top-color:#333;border-width:5px}

/*=========================
20. order area3
===========================*/
.order-area3{padding:80px 0;background:url(img/home3/calltoaction.jpg)}
.order-box{overflow:hidden;padding:20px 10px 20px 20px;background:#282828 none repeat scroll 0 0;color:#fff}
.order-box h3{margin:0;margin-bottom:3px;font-family:'Lobster';font-size:22px;line-height:32px;font-weight:normal;color:#fff}
.order-box p{}
.order-box a{display:block;margin:0 0 0 20px;padding:20px 30px;border-radius:3px;background:#69d9f2 none repeat scroll 0 0;font-size:18px;color:#fff;text-decoration:none}
.order-box a:hover{background:#80DFF4}

/*=========================
21. contact area3
===========================*/
.contact-area3{padding-bottom:100px;padding-top:100px;background:rgba(0, 0, 0, 0) url(img/home3/contact_map.jpg) repeat scroll 0 0}
.contact-from-area{clear:both;padding-top:75px}
.contact-from-area h5{margin-bottom:15px;font-family:'Lobster';font-size:18px;font-weight:normal;line-height:24px}
.contact-from-area input{width:100%;height:40px;margin-bottom:15px;padding:0 10px}

.contact-from-area input:focus,.contact-from-area input:hover,.contact-from-area textarea:focus,.contact-from-area textarea:hover{border:1px solid #FFA800;background:transparent}
.contact-from-area input [type=text]{}
.contact-from-area input [type=email]{}
.contact-from-area textarea{overflow:hidden;width:100%;height:152px;margin-bottom:15px;margin-top:39px;padding:15px;resize:none}
.contact-from-area button{float:right;border:2px solid #ffa800;border-radius:0;background-color:transparent;color:#000;text-transform:uppercase}
.contact-from-area button:hover{border-color:#ffa800;background-color:#ffa800;color:#fff}
.information{}
.information h5{margin-bottom:22px}
.information p{font-size:14px;line-height:18px}
.address{margin-top:25px}
.address h5{}
.address p{margin-bottom:4px;margin-bottom:10px;line-height:1.7143}
.email-or-phone{margin-top:18px}
.email-or-phone a{display:block;margin-bottom:6px;font-size:14px}
.email-or-phone a span{font-weight:bold;color:#666}
.email-or-phone a:hover{color:#ffa800}
.footertop-menu{height:250px;border-right:1px solid #333}
.footertop-menu h5{margin-bottom:29px;font-size:18px;font-weight:normal;color:#fff;text-transform:capitalize}
.footertop-menu ul{float:left}
.footertop-menu ul li{border-bottom:1px solid #333}
.footertop-menu ul li a{display:block;padding:10px 0;color:#fff}
.footertop-menu ul li:last-child{border-bottom:0 solid #333}
.footertop-menu ul li a i{margin-right:10px}
.footertop-menu ul li a:hover{padding-left:5px;color:#ccc}

.footertop-menu_ {height:250px;border-right:1px solid #333;}
.footertop-menu_ h5{margin-bottom:29px;font-size:18px;font-weight:normal;color:#fff;text-transform:capitalize}
.footertop-menu_ ul{float:left}
.footertop-menu_ ul li{border-bottom:1px solid #333}
.footertop-menu_ ul li a{display:block;padding:10px 0;color:#fff}
.footertop-menu_ ul li:last-child{border-bottom:0 solid #333}
.footertop-menu_ ul li a i{margin-right:10px}
.footertop-menu_ ul li a:hover{padding-left:5px;color:#ccc}


body.home-3 #scrollUp{background-color:#FFB400}
.about-us3{}
.about-us3 h5{margin-bottom:29px;font-size:18px;color:#fff!important}
.about-us3 p{font-size:14px;line-height:20px}
.about-us3 img{width:130px;margin-top:0}
body.home-3 .footer-top{padding-bottom:100px;padding-top:100px}

/*=========================
22. home4
===========================*/
body.home-4{}
body.home-4 .tp-caption a:hover{border:2px solid #149077!important;background:#149077 none repeat scroll 0 0 !important;color:#fff}
body.home-4 .call-to h3{margin-bottom:2px;font-family:'Oswald';font-size:13px;font-weight:normal;color:#666}
body.home-4 .call-to a{display:block;margin-top:5px;font-family:open sans;font-size:15px;font-weight:600;color:#333;text-align:inherit}
body.home-4 .call-to span{font-family:open sans;font-size:15px;font-weight:600;color:#333}

body.home-4 h1,body.home-4 h2,body.home-4 h3,body.home-4 h4,body.home-4 h5,body.home-4 h6{font-family:'Oswald',sans-serif}
body.home-4 .cart-and-search::before{position:absolute;top:-11px;right:-366px;width:60%;height:119%;background-color:#1ABC9C;content:''}
body.home-4 .cart-and-search::after{position:absolute;top:-11px;left:96.7%;width:30%;height:119%;background-color:#1ABC9C;content:'';transform:translateX(-60px) skewX(-25deg)}
body.home-4 .sidr .side-search .header-search{display:block;width:100%;height:94px;margin:0;padding:0;background:#1ABC9C}
body.home-4 .sidr .side-search .header-search input{border-bottom:1px solid#28e1bd}
body.home-4 .side-menu-icon{float:right;position:relative;top:22px;left:190px;z-index:1}
body.home-4 .send-mail{border-right:0 solid #ccc}
body.home-4 .largeHeadingBlack h1{font-size:75px;font-weight:700;line-height:normal;color:#000;letter-spacing:2px}
body.home-4 .global-link-color *{color:#1abc9c !important}
body.home-4 .readon{border:2px solid #1abc9c;background:#1abc9c none repeat scroll 0 0}
body.home-4 .largeHeadingWhite h1{font-size:75px;font-weight:700;line-height:normal;color:#FFF;letter-spacing:2px}
body.home-4 .detailTextBlack p{font-size:18px!important;font-weight:300;line-height:30px;color:#000}
body.home-4 .largeHeading,.largeHeading h1{font-size:75px;font-weight:700;line-height:normal;color:#FFF}
.featured4-one{overflow:hidden;height:282px;margin:0 -17px;padding:38px;background:#E74C3C}
.fe-two{background:#F1C40F}
.fe-three{background:#2ECC71}
.fe-fout{background:#3498DB}
.featured4-one i{margin-bottom:20px;padding:50px;border:1px solid #fff;border-radius:100%;font-size:60px;color:#fff}
.bac{overflow:hidden;text-align:left!important}
.bac i{padding:0;border:none!important}
.featured4-one h3{margin-bottom:14px;font-family:oswald;font-size:16px;font-weight:normal;color:#fff}
.featured4-one p{font-size:14px;line-height:19px;color:#fff}

/*=========================
22.1 demandable are
===========================*/
.demandable-area{padding-bottom:110px;padding-top:35px;background:rgba(0, 0, 0, 0) url(img/home4/edu-courses.png) repeat scroll 0 0}
.demandable-area h1{margin-bottom:35px;font-size:42px;font-weight:bold;line-height:42px;text-align:center}
.demandable-area p{width:650px;margin:0 auto 35px;font-size:14px;line-height:18px;color:#666;text-align:center}
.demane-slide{margin:0}
.demand-box{margin:0 5px}
.demand-image{overflow:hidden;position:relative;width:100%;height:100%}
.demand-image img{}
.demand-box:hover .image-link{height:100%}
.demand-box:hover .image-link a.search{top:30%;opacity:1}
.demand-box:hover .image-link a.link{top:30%;opacity:1}
.image-link{position:absolute;left:0;bottom:0;width:100%;height:5%;background:rgba(143, 76, 200, 0.75);text-align:center;transition:all .4s linear 0}
.diman2{background:rgba(243, 100, 118, 0.75) none repeat scroll 0 0}
.diman3{background:rgba(250, 112, 72, 0.75) none repeat scroll 0 0}
.diman4{background:rgba(250, 213, 89, 0.75) none repeat scroll 0 0}
.diman5{background:rgba(27, 168, 192, 0.75) none repeat scroll 0 0}
.diman6{background:rgba(153, 199, 88, 0.75) none repeat scroll 0 0}
.diman7{background:rgba(130, 144, 151, 0.75) none repeat scroll 0 0}
.diman8{background:rgba(75, 135, 225, 0.75) none repeat scroll 0 0}
.diman9{background:rgba(190, 46, 64, 0.75) none repeat scroll 0 0}
.diman10{background:rgba(49, 59, 64, 0.75) none repeat scroll 0 0}
.image-link a{display:inline-block;position:relative;width:50px;height:50px;border-radius:100%;background-color:rgba(255,255,255,0.5)}
.image-link a:after{display:block;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(255,255,255,0.38);border-radius:50%;content:'';opacity:1;transition:opacity 0 ease 0s,transform 0 ease 0s,border 0 ease 0}
.image-link a:hover::after{visibility:visible;opacity:0;transform:scale(1.3);transition-duration:.5s}
.image-link a i{font-size:18px;line-height:48px;color:#fff}
.image-link a.search{top:60%;background-color:rgba(255,255,255,0.5);opacity:0;transition:all 300ms ease-in-out 0}
.image-link a.link{top:60%;background:#333;transition:all .4s linear 0;opacity:0}
.demand-text{width:100%;padding:20px 12px;background:#fff none repeat scroll 0 0}
.demand-text a{margin:0;font-size:16px;font-weight:600;line-height:1.2;font-family:'Oswald';transition:all .4s linear 0}
.demand-text a:hover{color:#000}
.demand-text p{width:100%;margin-top:6px;margin-bottom:0;text-align:left !important}

/*=========================
22.2 university area
===========================*/
.univercity-area{padding-bottom:118px;padding-top:117px;background:rgba(0, 0, 0, 0) url(img/home4/countdown.jpg) repeat scroll 0 0}
.univercity-text{}
.univercity-text h3{margin-bottom:11px;font-family:oswald;font-size:24px;font-weight:normal;line-height:24px;color:#1abc9c}
.univercity-text h2{font-family:oswald;font-size:36px;font-weight:600;line-height:36px;color:#444}
.univercity-text p{margin-top:36px;margin-bottom:25px}
.countown{}
.countown span.time-count{}
.countown span p{margin-top:0;font-size:15px;font-weight:normal}
.countown span.cdown{display:inline-block;padding:0 5px;font-size:60px;font-weight:bold}
.countown span.days{}

.countown span.days p,.countown span.hour p,.countown span.minutes p{margin-left:-25px;text-transform:uppercase}
.countown span.hour{}
.countown span.minutes{}
.countown span.second{}
body.home-4 .contact-from-area{clear:both;padding-top:0}
body.home-4 .contact-from-area textarea{overflow:hidden;width:100%;height:202px;margin-bottom:15px;margin-top:0;padding:15px;resize:none}
.univercity-form label{margin-bottom:10px;font-weight:normal;font-size:14px}

body.home-4 .contact-from-area input:focus,body.home-4 .contact-from-area input:hover,body.home-4 .contact-from-area textarea:focus,body.home-4 .contact-from-area textarea:hover{border:1px solid #1ABC9C;background:transparent none repeat scroll 0 0}
body.home-4 .contact-from-area button{float:right;border:2px solid #1ABC9C;border-radius:0;background-color:transparent;color:#000;text-transform:uppercase}
body.home-4 .contact-from-area button:hover{border-color:#1ABC9C;background-color:#1ABC9C;color:#fff}

/*=========================
22.3 our sensitive area
===========================*/
.our-sensitive-area{padding-top:117px;padding-bottom:96px}
.sensitive-title{}
.sensitive-title h1{margin-bottom:32px;font-size:42px;font-weight:bold}
.sensitive-box{overflow:hidden;margin-bottom:25px;background:#444 none repeat scroll 0 0}
.sensitive-title p{width:650px;margin:0 auto 37px}
.sensitive-image{float:left;width:50%;line-height:0}
.sensitive-image img{}
.sensitive-info{float:right;width:50%;padding:20px 20px 13px;padding-bottom:12px;background:#444 none repeat scroll 0 0;color:#fff}
.sensitive-info h3{display:block;margin-bottom:.2em;font-family:'Open Sans';font-size:1.2em}
.sensitive-info span{display:block;margin-bottom:1em;margin-top:7px;font-size:.9em;opacity:0.5}
.sensitive-info p{margin-top:10px;padding:11px 0;border-bottom:1px solid rgba(158,158,158,0.3);border-top:1px solid rgba(158,158,158,0.3);font-size:14px;line-height:22px}
.sociul4{padding-bottom:6px}
.sociul4 p{border:none}
.sociul4 p a{display:inline-block;width:32px;height:32px;margin:3px;border:1px solid #1abc9c;line-height:29px;font-size:16px;color:#fff;text-decoration:none;cursor:pointer;transition:all .25s ease-out 0}
.sociul4 p a.facebook4:hover{border:1px solid #3B5998;background:#3B5998}
.sociul4 p a.twitter4:hover{border:1px solid #00ACED;background:#00ACED}
.sociul4 p a.linkedin4:hover{border:1px solid #007BB6;background:#007BB6}
.sociul4 p a i{}
body.home-4 .count-area{padding-bottom:90px;padding-top:80px;background:rgba(0, 0, 0, 0) url(img/home4/counter.jpg) repeat scroll 0 0}
body.home-4 .count-box{border:transparent}
body.home-4 .count-box i{display:block;margin-bottom:7px;font-size:64px;color:#fff}
body.home-4 .count-box h2{font-family:'Oswald';font-weight:bold}
body.home-4 .count-box h2 span.counter{}
body.home-4 .count-box p{}

/*=========================
22.4 our recent post4
===========================*/
.our-recent-post4{padding:120px 0}
.recent-post4-title{}
.recent-post4-title h1{position:relative;margin-bottom:27px;font-size:42px;font-weight:bold;line-height:42px;color:#444}
.recent-post4-title h1:after{position:absolute;top:115%;left:48.5%;width:27px;height:6px;background:rgba(0, 0, 0, 0) url(img/home4/circle.svg) repeat scroll 0 0;content:''}
.recent-post4-title p{margin-bottom:50px}
body.home-4 .recent-post-box-area{width:100%;margin:0 auto}
body.home-4 .recent-caption{width:0;background:#000}
body.home-4 .recent-image:hover .recent-caption{width:50%}

/*=========================
22.5 testimonial area4
===========================*/
.testimonial-area4{padding-top:120px;padding-bottom:115px;background:#1abc9c;color:#fff}
.testimonial-area4 .recent-post4-title h1{margin-bottom:7px;color:#fff}
.testimonial4{}
.testimonial-twoinone{}
body.home-4 .single-testimonial{}
body.home-4 .testimonial-box{border-bottom:4px solid #1dd4af;border-radius:5px;background:#1dd4af none repeat scroll 0 0}
body.home-4 .testimonial-box .quote::after{background:transparent}
body.home-4 .testimonial-box .quote{bottom:-6px;background:#1DD4AF none repeat scroll 0 0}
body.home-4 .testimonial-box p{color:#fff}
body.home-4 .testimonial-details p a{color:#ddd}
body.home-4 .order-area3{padding:80px 0;background:rgba(0, 0, 0, 0) url(img/home4/calltoaction2.jpg) repeat scroll 0 0}
body.home-4 .order-box{border-radius:3px;background-color:rgba(255,255,255,0.05)}
body.home-4 .order-box a{min-height:63px;padding:20px 25px;background:rgba(0, 0, 0, 0.2);text-align:center}
body.home-4 .order-box a:hover{background:#000}
body.home-4 .order-box h3{margin-bottom:5px;font-family:oswald;font-size:22px}
body.home-4 .order-box p{font-size:15px}
body.home-4 .fmenu4 h5{margin-bottom:16px;font-family:oswald;font-size:20px}
body.home-4 .fmenu4 ul li a{display:block;padding:17px 0;color:#fff}
body.home-4 .fmenu4 ul li a:hover{padding-left:5px;color:#ccc}
body.home-4 .fmenu4 ul li a i{margin-right:15px;font-size:18px}
body.home-4 .footertop-menu h5{font-family:oswald}
body.home-4 .about-us3 h5{font-family:oswald}
body.home-4 .about-us3{}
body.home-4 .about-us3 p{margin-bottom:5px;padding-bottom:9px;border-bottom:1px dashed rgba(255,255,255,0.13)}
body.home-4 .about-us3 p:last-child{border-bottom:0 dashed rgba(255,255,255,0.13)}
body.home-4 .about-us3 p.offd4:hover{color:red}
body.home-4 .about-us3 p:hover{color:#1ABC9C}
body.home-4 .about-us3 p span{float:right}
body.home-4 .about-us3 p span.closed4{display:inline-block;padding:3px 5px;border-radius:2px;background-color:#f13e3e;font-size:11px;color:#fff}
body.home-4 footer .readon.border::before{background-color:#fff}
body.home-4 footer .readon.border::after{color:#444}
body.home-4 footer .readon.border{border-color:#fff}
body.home-4 footer .readon.white{background:#000 none repeat scroll 0 0;font-size:14px;color:#fff}
body.home-4 footer .readon.white:hover{background:#fff none repeat scroll 0 0;color:#000}
body.home-4 footer .footertop-menu{min-height:315px;border-right:1px solid #333}
body.home-4 #scrollUp{background-color:#1ABC9C}

/*=========================
23 home5
===========================*/
body.home-5{}
body.home-5 .call-to h3{margin-bottom:3px;font-family:oxygen;font-size:13px;color:#999}
body.home-5 .menu{margin-left:-5px}
body.home-5 .home5-sticky{z-index:999999;border-bottom:1px solid #eee;background:#fff none repeat scroll 0 0}

body.home-5 h1,body.home-5 h2,body.home-5 h3,body.home-5 h4,body.home-5 h5,body.home-5 h6{margin:0 0 20px;font-family:'Oxygen',sans-serif;font-weight:400;color:#444;text-transform:none}
body.home-5 .cart-and-search::before{width:0}
body.home-5 .cart-and-search::after{width:0}
body.home-5 .sb-open-left > a{font-size:20px;color:#000;text-align:left}
body.home-5 .call-to a{display:block;font-weight:bold;font-family:open sans;font-size:15px;color:#333;text-align:inherit}
body.home-5 .call-to span{font-weight:700;font-size:15px;color:#333}
body.home-5 .call-to a:hover{color:#3498DB}
body.home-5 .sidr .side-search .header-search{display:block;width:100%;height:94px;margin:0;padding:0;background:#3498DB}
body.home-5 .sidr .side-search .header-search input{width:100%;height:40px;margin-top:26px;padding-left:35px;border-bottom:1px solid#5faee3;background:transparent;color:#fff}
body.home-5 span.search-button i{color:#fff}
body.home-5 .call-to:last-child{border-right:0 solid #ccc}
body.home-5 .side-menu-icon{float:right;position:relative;top:22px;left:0;z-index:1}
body.home-5 .recent-post-box-area{width:100%;margin:0 auto}
body.home-5 .main-menu{position:relative;background-color:#f7f7f7;text-align:left}
body.home-5 .main-menu:after{position:absolute;top:1px;left:80.7%;width:10%;height:100%;background-color:#3498DB;content:'';transform:translateX(-60px) skewX(-25deg)}
body.home-5 .main-menu:before{position:absolute;top:1px;right:0;width:22.5%;height:100%;background-color:#3498DB;content:''}
body.home-5 .menu ul li::after{position:absolute;top:22px;left:-20px;width:10px;height:100%;background-color:transparent;font-family:fontawesome;font-size:15px;content:'\f107';transform:skew(0deg)}
body.home-5 .menu ul li a{padding:0 5px}
body.home-5 .mega-menu{z-index:99}
body.home-5 .five-collum-menu{z-index:99}
body.home-5 .menu ul li ul li::after{display:none}
body.home-5 .menu ul li ul li a{height:auto;margin-bottom:0;margin-top:0;line-height:1}
body.home-5 .pages-mega-menu .menu-colum a{height:45px;line-height:3}

/*=========================
23.1 slider
===========================*/
body.home-5 .largeHeading2,body.home-5 .largeHeading2 h1{font-weight:bold;font-family:'Oxygen',sans-serif;color:#3498db}
body.home-5 .detailTextBlack p{margin-left:20px!important;font-size:18px;font-weight:300;line-height:30px;color:#000}
body.home-5 .readon{border:2px solid #3498db;background:#3498db none repeat scroll 0 0}
body.home-5 .readon:hover{border-color:#13bbe2;background:#13bbe2 none repeat scroll 0 0;color:#fff}

/*=========================
23.2 emergency area
===========================*/
.emergensy-area{position:relative;z-index:99;margin-top:-125px}
.emargency-one{overflow:hidden;position:relative;margin:0;border:0 none #ddd;background-color:#e74c3c;color:#fff}
.em-two{background:#f1c40f}
.em-three{background:#3498db}
.emargency-box{padding:35px}
.emargency-box span{font-size:12px;line-height:12px;color:#fff}
.emargency-box h3{margin-top:6px;margin-bottom:20px;font-size:24px;font-weight:bold;line-height:25px;color:#fff}
.emargency-box p{margin-bottom:20px;font-size:15px;line-height:20px}
.emargency-box a{font-size:14px;color:rgba(255,255,255,0.7);text-decoration:none}
.emargency-box a:hover{text-decoration:underline}
i.su-panel-icon{position:absolute;right:0;bottom:0;z-index:0;font-size:10em;color:rgba(0,0,0,0.1);transform:translateX(25%) translateY(25%)}

/*=========================
23.3 blood-test area
===========================*/
.blood-test-area{padding-bottom:60px}
.blood-test-area ul{margin-top:100px;margin-bottom:35px;text-align:center}
.blood-test-area ul li{display:inline-block}
.blood-test-area ul li a{display:block;margin-right:5px;padding:18px 25px;background-color:#f7f7f7;color:#74777b;text-transform:uppercase;transition:background-color .2s ease 0s,color .2s ease 0}
.blood-test-area ul li a i{margin-right:5px;font-size:16px}
.blood-test-area ul li a:hover{color:#3498db}
.blood-test-area ul li.active a{background:#3498DB;color:#fff;text-decoration:none}
.blood-image{}
.blood-image img{}
.blood-text{margin-left:40px}
.blood-text h2{position:relative;font-family:'Oxygen';font-size:24px;line-height:24px;color:#444}
.blood-text h2:after{position:absolute;top:150%;left:0;width:30px;height:2.5px;background-color:#3498db;content:''}
.blood-text h3{margin-bottom:25px;margin-top:50px;font-family:oxygen;font-size:18px;font-weight:normal;line-height:24px;color:#444}
.blood-text p{margin-bottom:22px;font-family:open sans;font-size:14px;line-height:22px;color:#666}
.blood-text a{}
body.home-5 .blood-text .readon{border:2px solid #3498db;background:transparent}
body.home-5 .blood-text .readon:hover{border:2px solid #13BBE2;background:#13BBE2}

/*=========================
23.4 department area
===========================*/
.depertment-area{padding-top:100px !important}
.home5-area-title{}
.home5-area-title h2{position:relative;font-size:32px;font-weight:32px;font-weight:bold}
.home5-area-title h2:after{position:absolute;top:140%;left:0;width:30px;height:2.5px;background-color:#3498db;content:''}
.home5-area-title p{margin-top:35px;margin-bottom:20px;font-family:open sans;font-size:14px;line-height:20px;color:#666}
.depertment-item{}
.depertment-item ul{margin-left:-10px;margin-right:-10px}
.depertment-item ul li{float:left;width:25%;margin-bottom:20px;padding:0 10px;background:rgba(0, 0, 0, 0) none repeat scroll 0 0;text-align:center}
.dep-single-n{padding:20px 0;background:#f7f7f7 none repeat scroll 0 0}
.depertment-item ul li img{width:64px;height:64px;background-color:transparent}
.depertment-item ul li h3{margin-bottom:22px;margin-top:7px;font-family:oxygen;font-size:18px;font-weight:normal;line-height:24px;color:#333}
.depertment-item ul li p{margin-bottom:0;font-family:open sans;font-size:14px;line-height:20px;color:#666}

/*=========================
23.5 work-proses
===========================*/
.meet-doctore-area{padding-top:105px;padding-bottom:100px}
.doctore-meet5{margin-bottom:30px}
.doctore5-font-area{display:block;overflow:hidden;height:200px;padding:40px 35px 18px;border:1px solid #e5e5e5 !important;border-radius:0;color:#444;text-align:left;box-shadow:none}
.doctore-icon5{float:left;width:15%;margin-top:-10px;padding:0;background:transparent none repeat scroll 0 0;font-size:48px}
.doctore-icon5 i{font-size:48px;color:#222}
.doctore-font-text{overflow:hidden;width:85%;margin-top:0;padding-left:10px;padding-top:0;text-align:left !important}
.doctore-font-text h3{margin-bottom:14px;font-size:22px;color:#222}
.doctore-font-text p{margin:5px 0;padding:0;color:#222}
.doctore5-back-area{display:block;overflow:hidden;height:200px;padding:40px 35px 18px;border:1px solid #e5e5e5 !important;border-radius:0;color:#444;box-shadow:none}
.docroer-image5{float:left;max-width:25%;height:128px;padding:0;border-radius:50%;background:transparent none repeat scroll 0 0}
.docroer-image5 img{}
.doctore-text5{float:right;width:75%;padding-left:20px;text-align:left !important}
.doctore-text5 h3{margin-bottom:15px;font-family:oxygen;font-size:22px;font-weight:normal;line-height:27px;color:#222}
.doctore-text5 p{font-family:open sans;font-size:14px;line-height:20px;color:#666}
body.home-5 .meet-doctore-area div.card div.back{position:absolute;top:0;z-index:1;width:95%;height:100%;margin-bottom:0;backface-visibility:hidden;box-sizing:border-box;transition:all 400ms ease 0;transform:rotatex(0deg)}
body.home-5 .meet-doctore-area div.card div.front{z-index:9;height:100%;margin-bottom:0;transform:rotatex(-180deg);backface-visibility:hidden;box-sizing:border-box;transition:all 400ms ease 0}
body.home-5 .meet-doctore-area div.card:hover div.back{transform:rotatex(180deg)}
body.home-5 .meet-doctore-area div.card:hover div.front{transform:rotatex(0deg)}
.meet-doctore-area a{display:block;overflow:hidden;width:225px;margin:20px 0 0;margin:0 auto;padding:15px 25px;border-radius:3px;background-color:#2d89ef;font-size:15px;line-height:23px;color:#fff}
.meet-doctore-area a:hover{background-color:#4596f1}
.meet-doctore-area a i{margin-right:10px}

/*=========================
23.6 people say area
.home5-area-title{}
.people-say-area{padding-top:105px;padding-bottom:100px;background-color:#f9f9f9;color:#666}
.people-say{}
.people-asy-bottom{margin-left:30px;margin-top:30px}
.people-asy-bottom img{float:left;width:40px;height:40px;border-radius:50%}
.people-info{overflow:hidden;padding-left:15px}
.people-info h5{display:block;margin-bottom:0;margin-top:3px;font-size:14px;font-weight:bold;color:#444}
.people-info p{font-size:12px;line-height:18px;opacity:0.8}
.people-info p a{color:#3498db;text-decoration:none}
===========================*/
.people-say-box{margin-bottom:50px}
.people-asy-top{position:relative;margin-bottom:0;margin-left:4px;padding:40px 40px 47px 70px;border-color:#3498db !important;border-style:solid;border-width:1px 1px 1px 0;background:#fff none repeat scroll 0 0;color:#444;box-shadow:-4px 0 0 #3498db}
.people-asy-top:before{position:absolute;left:48px;bottom:-22px;border-top-color:#3498db!important;border-right:22px solid transparent;border-top:22px solid #dcdcdc;content:''}
.people-asy-top:after{display:block;position:absolute;left:49px;bottom:-20px;border-right:0 solid transparent;border-right:20px solid transparent;border-top:20px solid #fff;content:''}
.people-asy-top span.quote{}
.people-asy-top span.quote:after{position:absolute;top:35px;left:25px;font-family:FontAwesome;font-size:32px;font-style:normal;color:rgba(0,0,0,0.06);content:'\f10d'}
.people-asy-top p{padding:10px 0;line-height:1.7143em}
.people-asy-top p.lead{margin-bottom:10px}

/*=========================
22.7 our story area
===========================*/
.our-story-area{}
.our-stori-left-inner{float:right;margin-right:185px;padding-bottom:89px;padding-top:80px}

.our-stori-left-inner .readon::before,.our-story-right-inner .readon::before{background-color:#fff}

.our-stori-left-inner .readon::after,.our-story-right-inner .readon::after{color:#000}

body.home-5 .our-stori-left-inner .readon,body.home-5 .our-story-right-inner .readon{border:2px solid #fff;background:transparent}

body.home-5 .our-stori-left-inner .readon:hover,body.home-5 .our-story-right-inner .readon:hover{border-color:#fff;background:#fff;color:#000}
.our-story-right-inner{width:550px;margin-left:40px;padding-bottom:93px;padding-top:80px}
.our-story-left{float:left;position:relative;width:50%;background:#444}
.out-title5{margin-bottom:30px;padding-bottom:2px;padding-left:15px;padding-top:2px;border-left:5px solid #8f8f8f}
.out-title5 span{font-size:13px !important;line-height:13px !important;color:#fff !important}
.out-title5 h3{font-family:oxygen!important;font-size:24px;line-height:30px;color:#fff!important}
.our-story-left h5{margin-bottom:20px;font-family:oxygen!important;font-size:18px;font-weight:normal;line-height:24px;color:#fff!important}
.our-story-left p{margin-bottom:20px;font-size:14px;font-family:open sans;line-height:20px;color:#fff}
.our-story-left a{padding:13px 64px 13px 15px;font-size:15px}
.our-story-left img{position:absolute;top:-56px}
.our-story-right{float:right;width:50%;background:#3498DB}
.our-story-right p{color:#fff}
.our-story-right ul{overflow:hidden;padding-bottom:45px}
.our-story-right ul li{float:left;position:relative;width:50%}
.our-story-right ul li:after{position:absolute;top:4px;left:0;color:#fff;content:'+'}
.our-story-right ul li a{display:block;padding:4px 20px;color:rgba(255,255,255,0.7);text-decoration:none}
.our-story-right a{padding:13px 64px 13px 15px;font-size:15px}
body.home-5 .count-area{clear:both;background:#f5f5f5 none repeat scroll 0 0;color:#666}
body.home-5 .postDesc{display:inline-block;float:left;width:50%;margin-top:20px}
body.home-5 .count-box i{font-size:64px;color:#89c4eb}
body.home-5 .count-box h2{font-size:46px;font-family:'Oxygen';font-weight:bold;color:#666}
body.home-5 .count-box p{font-size:16px;color:#444}
.home5-recent-post{margin-top:34px!important}
body.home-5 .order-area3{background:#3498db;color:#fff}
body.home-5 .order-box{overflow:hidden;margin:0;padding:0;background:#3498db none repeat scroll 0 0;color:#fff}
body.home-5 .order-box h3{margin-bottom:5px;font-family:oxygen;font-size:22px;line-height:32px;color:#fff}
body.home-5 .order-box a{float:right;margin:2px 0 0 20px;padding:20px 30px;border-radius:3px;background:rgba(255, 255, 255, 0.2) none repeat scroll 0 0;font-size:18px;color:#fff;text-decoration:none}
body.home-5 .order-box a:hover{background:#217ebb none repeat scroll 0 0}
body.home-5 .footer-logo img{width:150px;margin-bottom:25px}
body.home-5 .footer-logo p{}
body.home-5 .latest-post ul li{padding:10px 0}
body.home-5 .latest-post ul li a{padding:0;font-family:open sans;font-size:14px;line-height:25px;color:#eee;text-decoration:none !important;text-transform:uppercase}
body.home-5 .latest-post ul li span{font-size:14px;line-height:18px;color:#ddd}
body.home-5 .footertop-menu h5{font-family:oxygen;color:#fff}
.flickr_feed{width:100%}
.flickr_feed a{float:left;width:20%;margin-right:5px;margin-bottom:5px;border-radius:5px!important}
body.home-5 #scrollUp,body.home-5 #scrollUp:hover{background-color:#3498DB}

/*=========================
24 home6
===========================*/
body.home-6{}
body.home-6 h1,body.home-6 h2,body.home-6 h3,body.home-6 h4,body.home-6 h5,body.home-6 h6{font-family:'Quicksand',sans-serif}
body.home-6 .home5-sticky{z-index:999999;border-bottom:1px solid #eee;background:#fff none repeat scroll 0 0}
body.home-6 .cart-and-search::after{top:-11px;left:92%;height:98px;background-color:#E73D78}
body.home-6 .cart-and-search::before{height:98px;background-color:#E73D78}
body.home-6 .sidr .side-search .header-search{background:#E73D78}
body.home-6 .smallHeading h3{background-color:transparent;font-size:35px;font-weight:700;line-height:30px;color:#fff}
body.home-6 .largeHeading.global-link-color *,body.home-6 .mediumHeading.global-link-color *,body.home-6 .smallHeading.global-link-color *{color:#ff4081}
body.home-6 .largeHeading2,body.home-6 .largeHeading2 h1{font-weight:bold;color:#ff4081}
body.home-6 .readon.large{display:inline-block;min-width:80px;margin-bottom:5px;padding:15px 65px 15px 20px;font-size:14px;font-weight:bold;line-height:16px;text-transform:uppercase}
body.home-6 .readon{display:inline-block;overflow:hidden;position:relative;padding:8px 55px 8px 15px;border:2px solid #ff4081;background:#ff4081 none repeat scroll 0 0;color:#fff;text-align:left;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}
body.home-6 .readon:hover{border-color:#f50057;background:#f50057 none repeat scroll 0 0;color:#fff}
body.home-6 .detailText p{font-size:18px;font-weight:300;line-height:30px;color:#FFF}
body.home-6 .readon::before{position:absolute;top:0;right:-13px;width:55px;height:100%;background-color:rgba(0,0,0,0.1);content:'';transform:skewX(25deg)}

/*=========================
24.1 our featured area6
===========================*/
.our-fitured-area6{padding:110px 0}
.area-title-6{width:46%;margin:0 auto}
.area-title-6 h1{position:relative;width:100%;margin:0 auto}
.area-title-6 h1 span{position:relative;z-index:3;padding:0 20px;background:#F9F9F9 none repeat scroll 0 0;font-size:42px;font-weight:bold;line-height:42px;color:#444}
.area-title-6 h1:after{position:absolute;top:25px;left:0;z-index:2;width:100%;height:1px;border-bottom:1px solid #aaa;content:''}
.area-title-6 p{margin-top:16px;margin-bottom:13px;font-size:14px;line-height:22px}
.emargency6{margin-top:20px}
body.home-6 .emargency-box h3{position:relative;margin-bottom:35px;font-family:Quicksand;font-size:18px}
body.home-6 .emargency-box h3:after{position:absolute;top:31px;left:0;width:35px;height:2px;background:#fff none repeat scroll 0 0;content:''}
body.home-6 .emargency-one{margin:0;border:0 none #ddd;background-color:#5b3758;color:#fff}
body.home-6 .em-two{margin:0;border:0 none #ddd;background-color:#f9627d;color:#fff}
body.home-6 .em-three{margin:0;border:0 none #ddd;background-color:#6b529e;color:#fff}

/*=========================
24.2 popular service area6
===========================*/
.popular-service-area6{padding-bottom:105px;padding-top:105px;background:#f2f2f2 none repeat scroll 0 0}
.popular-service-area6 .area-title-6 h1 span{background:#F2F2F2 none repeat scroll 0 0}
.popular-slide6{margin-top:20px}
.popular-box6{position:relative;width:100%;height:100%}
.popular-image6{}
.popular-image6 img{}
.popular-box6:hover .popular-text6{height:27%;opacity:1}
.popular-text6{display:block;position:absolute;left:14px;bottom:0;width:92.6%;height:0;padding-bottom:25px;padding-left:30px;padding-top:15px;background-color:rgba(24,22,22,0.7);opacity:0;transition:all .3s ease 0}
.popular-text6 h3{margin:0;font-family:'Quicksand';font-size:16px;font-weight:400;line-height:21px;color:#fff}
.popular-text6 span{font-size:12px;line-height:16px;font-weight:400;font-family:'Open Sans',sans-serif;color:#aaa}

.popular-box6 .col-xs-12,.popular-box6 .col-sm-4,.popular-box6 .col-md-4{width:100%}
.popular-slide6 .owl-controls .owl-buttons div{display:inline-block;position:absolute;top:-40px;right:10px;margin:5px;padding:3px 10px;border-radius:0;background:#869791 none repeat scroll 0 0;font-size:12px;color:#fff;opacity:1}
.popular-slide6 .owl-controls .owl-buttons .owl-prev{margin-right:33px;padding:5px 6px;border-radius:3px 0 0 3px;cursor:pointer}
.popular-slide6 .owl-controls .owl-buttons .owl-next{padding:5px 6px;border-radius:0 3px 3px 0;cursor:pointer}
.popular-slide6 .owl-controls .owl-buttons .owl-next,.popular-slide6 .owl-controls .owl-buttons .owl-prev{background:#7c8b90}
.popular-slide6 .owl-controls .owl-buttons .owl-next:hover,.popular-slide6 .owl-controls .owl-buttons .owl-prev:hover{background:#7c8b90;opacity:0.5}

/*=========================
24.3 our popular member area6
===========================*/
.our-popular-member-area6{padding-top:110px;padding-bottom:80px}
.our-popular-member-area6 .area-title-6{width:70%}
.our-popular-member6{margin-top:20px}
.our-popular-member6 .sensitive-info{background:#2C3E50 none repeat scroll 0 0}
.our-popular-member6 .sensitive-info h3{color:#fff}
.our-popular-member6 .sociul4 p a{border:1px solid #FF538E}

/*=========================
24.4 recent post area6
===========================*/
.recent-post-area6{padding-top:100px;padding-bottom:100px;background:url(img/home6/twitterbg.png)}
.recent-post-slide6{position:relative}
.recent-post-inner6{}
.recent-post-inner6 a img{margin-bottom:30px}
.recent-post-inner6 p{font-size:24px;line-height:40px;color:#666}
.recent-post-inner6 p a{font-size:24px;color:#f50057}
.recent-post-inner6 a{font-size:15px;color:#f50057}
.recent-post-slide6 .owl-buttons .owl-prev{position:absolute;top:34%;left:60px;padding:15px!important;font-size:20px!important;cursor:pointer;opacity:0!important;transition:all .3s ease 0}
.recent-post-slide6 .owl-buttons .owl-next{position:absolute;top:34%;right:60px;padding:15px!important;font-size:20px!important;cursor:pointer;opacity:0!important;transition:all .3s ease 0}
.recent-post-slide6 .owl-buttons .owl-prev i,.recent-post-slide6 .owl-buttons .owl-next i{width:27px;height:40px;padding-top:5px;font-size:30px}
.recent-post-slide6 .owl-pagination{margin-top:35px}
.recent-post-slide6:hover .owl-buttons .owl-prev{left:20px;opacity:1!important}
.recent-post-slide6:hover .owl-buttons .owl-next{right:20px;opacity:1!important}

/*=========================
24.5 photo overview area6
===========================*/
.photo-overview-area6{padding-top:100px;padding-bottom:100px;background:#f9f9f9}
body.home-6 .demane-slide6{margin-top:20px}
body.home-6 .demane-slide6 .demand-box{width:103%;margin-bottom:15px}
body.home-6 .demand-box:hover .image-link a.search{top:20%;opacity:1}

/*=========================
24.6 our brands logo6
===========================*/
.our-brands-logo6{padding-bottom:45px;padding-top:40px;background:#f5f5f5 none repeat scroll 0 0}
.our-brands-logo6 .area-title-6 h1 span{background:#f5f5f5 none repeat scroll 0 0}
.brand-logo6{text-align:center}
.brand-logo6 ul{}
.brand-logo6 ul li{float:left;width:17.6%;margin-right:35px;margin-top:35px;padding:15px;border:1px solid #ddd;border-radius:2px;background:#f6f6f6;transition:all .3s ease 0}
.brand-logo6 ul li:hover{background:#fff}
.brand-logo6 ul li:last-child{margin-right:0}
.brand-logo6 ul li a{}
.brand-logo6 ul li a:hover{}
.brand-logo6 ul li a img{}
body.home-6 .order-area6{padding:55px 0;background:#ff4081 none repeat scroll 0 0}
body.home-6 .order-area6 .order-box{background:#E83C78}
body.home-6 .order-area6 .order-box h3{margin-bottom:5px;font-family:Quicksand;color:#fff}
body.home-6 .order-area6 .order-box a{background:rgba(255, 255, 255, 0.2) none repeat scroll 0 0;text-align:center}
body.home-6 .order-area6 .order-box a:hover{background:#ea4d84}
body.home-6 #scrollUp{background-color:#FF4081}
body.home-6 .email-newslatter h3{font-size:18px;font-weight:normal;font-family:quicksand;color:#fff}

/*=========================
25 home7
===========================*/
body.home-7{}
body.home-7 h1,body.home-7 h2,body.home-7 h3,body.home-7 h4,body.home-7 h5,body.home-7 h6,{font-family:'Dosis',sans-serif!important}
body.home-7 .blog-four{width:101.6%;margin-left:-18px}
body.home-7 .blog-four .portfolio-item{height:375px}
body.home-7 .header-search{margin-top:1px}
body.home-7 .cart-and-search::before{position:absolute;top:-11px;right:-366px;background-color:#23c6ec;content:''}
body.home-7 .sidr .side-search .header-search input{width:100%;height:40px;margin-top:26px;padding-left:35px;border-bottom:1px solid#52d2f0;color:#fff}
body.home-7 .cart-and-search::after{position:absolute;top:-11px;left:-40px;background-color:#23c6ec;content:'';transform:translateX(0px) skewX(0deg)}
body.home-7 .sidr .side-search .header-search{display:block;width:100%;height:94px;margin:0;padding:0;background:#23C6EC}
body.home-7 .side-menu-icon{float:right;position:relative;top:22px;left:-10px;z-index:1}
body.home-7 .menu ul{margin-top:18px}
body.home-7 .menu ul li::after{display:none}
body.home-7 .menu ul li{padding:0 0 40px}
body.home-7 .menu ul li a{padding:0 10px}
body.home-7 .pages-mega-menu .menu-colum a{padding:21px 0!important}
body.home-7 .pages-mega-menu .menu-colum a:nth-child(5){border-bottom:0 solid #ccc}
body.home-7 .five-collum-menu{left:-790px!important}
body.home-7 .shop-mega-menu{left:-855px!important}
body.home-7 .main-menu{border-bottom:0 solid rgba(0,0,0,0.1)}
body.home-7 .menu ul li a::after{position:absolute;left:50%;bottom:-15px;width:0;height:1px;background:#23C6EC none repeat scroll 0 0;content:'';transform:translateX(-50%);transition:all .5s cubic-bezier(0.06,0.68,0.57,1.07) 0}
body.home-7 .mega-menu{z-index:100;padding:0}
body.home-7 .menu ul li:hover a::after{width:100%}
body.home-7 .menu ul li ul li a::after{background:transparent none repeat scroll 0 0}
body.home-7 .menu ul li .menu-colum a::after{background:transparent none repeat scroll 0 0}
body.home-7 .five-collum-menu .menu-colum a{color:#23c6ec}
body.home-7 .mega-menu ul{margin-top:0 !important}
body.home-7 .mega-menu ul li{padding:0 25px !important}
.call-to-action-area7{height:55px;border-bottom:1px solid #ccc;background:#f2f2f2 none repeat scroll 0 0}
.coll-to-action7{margin-left:-10px;margin-top:18px;font-size:14px}
.coll-to-action7 p{margin-top:18px;margin-left:-10px}
.coll-to-action7 p strong{}
.coll-to-action7 p strong i{margin-left:10px;padding-right:5px}
.coll-to-action7 p a{margin-left:5px;color:#23c6ec}
.coll-to-action7 p a:hover{text-decoration:underline}
.call-to-action-area7 .header-search{position:relative;left:-28px;height:55px;padding-left:27px;background:#14BBE2 none repeat scroll 0 0;line-height:57px}
.call-to-action-area7 .header-search:after{position:absolute;top:0;right:-404px;width:404px;height:100%;background:#14BBE2 none repeat scroll 0 0;content:''}
body.home-7 span.search-button i{color:#fff}
body.home-7 .menu7.sticky{display:none}
body.home-7 .largeHeading,body.home-7 .largeHeading h1{font-size:75px;font-weight:700;line-height:normal;font-family:'Dosis',sans-serif;color:#FFF}
body.home-7 .largeHeadingBlack h1{font-size:75px;font-weight:700;line-height:normal;font-family:'Dosis',sans-serif;color:#000;letter-spacing:2px}
body.home-7 .largeHeading.global-link-color *,body.home-7 .mediumHeading.global-link-color *,body.home-7 .smallHeading.global-link-color *{color:#23c6ec}
body.home-7 .readon{border:2px solid #23c6ec;background:#23c6ec}
body.home-7 .readon.border:hover{background-color:#13bbe2;color:#fff}
body.home-7 .readon.black.border{border-color:#444;background:transparent}
body.home-7 .readon.black.border:hover{background:#444;color:#fff}
body.home-7 .readon:hover{border-color:#13bbe2;background:#13bbe2 none repeat scroll 0 0;color:#fff}
body.home-7 .readon::before{position:absolute;top:0;right:-13px;width:55px;height:100%;background-color:rgba(0,0,0,0.1);content:'';transform:skewX(25deg)}
body.home-7 .detailText p{font-size:18px;font-weight:300;line-height:30px;color:#FFF}

/*=========================
25.1 our core service
===========================*/
body.home-7 .our-core-service7{padding:115px 0 75px;background:#fff none repeat scroll 0 0}
body.home-7 .we-do-area{border:0 solid #ddd}
body.home-7 .we-do-box{margin:45px -15px;padding:15px;border-right:1px solid #ddd}
body.home-7 .we-do-last{border-right:0 solid #ddd!important}
body.home-7 .area-title3 h2{position:relative;margin-bottom:44px;font-family:'Dosis';font-size:38px;font-weight:bold;line-height:38px;color:#444}
body.home-7 .we-do-text h3{margin-bottom:12px;font-family:dosis;font-size:18px}
body.home-7 .we-do-text a{color:#13bbe2}
body.home-7 .we-do-text a:hover{text-decoration:underline}
body.home-7 .our-story-left img{position:absolute;top:-22px;right:-90px}
body.home-7 .our-stori-left-inner{margin-right:255px;padding-top:100px}
body.home-7 .out-title5 h3{font-family:dosis;font-weight:bold}
body.home-7 .our-story-left h5{font-size:20px;font-family:dosis}
body.home-7 .our-story-right p{margin-bottom:35px;font-family:open sans;font-size:14px;line-height:20px;color:#fff}
body.home-7 .our-story-right ul li a{padding:5.2px 20px}
body.home-7 .our-story-right ul li a:hover{color:#fff;text-decoration:underline}
body.home-7 .our-story-right{background:#23C6EC}
body.home-7 .our-story-right-inner{padding-bottom:90px;padding-top:100px}
body.home-7 .our-story-left .readon,body.home-7 .our-story-right .readon{border:2px solid #fff;background:transparent;color:#fff}
body.home-7 .our-story-left .readon::before,body.home-7 .our-story-right .readon::before{background-color:#fff}
body.home-7 .our-story-left .readon.border:hover,body.home-7 .our-story-right .readon.border:hover{background-color:#fff;color:#000}
body.home-7 .our-stori-left-inner .readon::after,body.home-7 .our-story-right-inner .readon::after{color:#000}

/*=========================
25.2 check our work7
===========================*/
.check-our-work7{clear:both;padding-top:120px;padding-bottom:120px}
.work-gallery7{}
.work-menu-7{margin-bottom:35px;margin-top:20px}
.work-menu-7 ul{width:100%;margin:0 auto;text-align:center}
.work-menu-7 ul li{display:inline-block;position:relative;padding:10px;font-size:15px;font-weight:bold;text-transform:uppercase;cursor:pointer}
.work-menu-7 ul li:after{position:absolute;top:10px;left:-8px;content:'/'}
.work-menu-7 ul li:first-child:after{display:none}
.work-item7{width:100%}
.work-collam{float:left;width:33.33%}
.work-collam-inner{margin:-2px 0 0;line-height:0}
.work-image7{position:relative;width:100%;height:100%}
.work-image7:hover .work-text7{opacity:1}
.work-image7 img{width:100%}
.work-text7{position:absolute;top:0;width:100%;height:100%;padding:20px;background:rgba(0, 0, 0, 0.65) none repeat scroll 0 0;color:#fff;opacity:0.7;transition:all .3s ease 0;opacity:0}
.work-text7 h5{margin-bottom:15px;font-size:20px;font-family:dosis;font-weight:normal;color:#fff}
.work-text7 p{}
.mix{display:none}

/*=========================
25.3 meet our team area7
===========================*/
.meet-our-team-area7{padding-bottom:105px;padding-top:120px;background:#f2f2f2 none repeat scroll 0 0}
.meet-our-team-box-area7{margin-top:34px}
.meet-team-box7{}
.meet-team-box7-img{}
.meet-team-box7-img img{}
.teem7-social{position:relative;margin-top:-40px;padding:0;background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0;opacity:0;transition:opacity .5s ease 0}
.meet-team-box7:hover .teem7-social{opacity:1}
.teem7-social p{}
.teem7-social p a{display:inline-block;width:40px;font-size:18px;line-height:40px;color:#555;text-decoration:none}
.teem7-social p a:hover{background:#fff}
.teem7-social p a i{}
.meet-team-box7-text{position:relative;top:0;padding:30px 15px;background:#fff none repeat scroll 0 0}
.meet-team-box7-text h5{display:block;margin-bottom:5px;font-size:20px;font-weight:600;font-family:dosis;color:#333}
.meet-team-box7-text span{display:block;margin-bottom:1em;font-family:dosis;font-size:16px !important;line-height:27px!important;color:#333 !important;opacity:0.5;text-transform:capitalize !important}
.meet-team-box7-text p{margin-bottom:0;margin-top:15px;font-family:dosis;font-size:16px;font-weight:500;line-height:20px;color:#333}

/*=========================
25.4 testimonial area7
===========================*/
.testimonial-area7{padding-top:120px;padding-bottom:115px}
.textimonial7-inner{margin-top:10px}
body.home-7 .people-asy-top{position:relative;margin-bottom:0;margin-left:4px;padding:40px 40px 50px 70px;border-color:#23c6ec !important;border-radius:5px;border-style:solid;border-width:1px 1px 1px 0;background:#fff none repeat scroll 0 0;font-style:italic;font-weight:500;color:#000;box-shadow:-4px 0 0 #23c6ec}

/*=========================
25.5 kirion video area7
===========================*/
.kirion-video-area7{overflow:hidden;position:relative;height:482px}
body.home-7 .video-caption{position:absolute;top:40%;left:37%;z-index:999;text-align:center}
.video-caption h1{font-size:120px;font-weight:bold;line-height:120px;color:#fff}
.video-caption h3{font-size:18px;color:#fff;letter-spacing:2px}
.kirion-video-area7:after{position:absolute;top:0;left:0;width:100%;height:100%;background:url(img/home7/video-ovarlay.png);content:''}
#slider-bg{position:relative;top:-250px;width:100%}

/*=========================
25.6 count-area 7
===========================*/
body.home-7 .count-area{padding-top:100px;padding-bottom:120px;background:#f8f8f8 none repeat scroll 0 0;color:#666}
body.home-7 .count-box i{float:left;position:relative;top:0;width:50px;height:50px;font-size:44px;color:#89c4eb}
body.home-7 .count-content{float:left;padding-left:12px}
body.home-7 .count-box h2 span{float:left;font-size:32px;font-family:Dosis;color:#666 !important}
body.home-7 .count-box h2 span{float:left;margin-bottom:7px;font-family:Dosis;font-size:32px;color:#666 !important}

/*=========================
25.7 plan-and price area7
===========================*/
.plan-and-price-area7{padding-bottom:120px;padding-top:150px}
.select-plan7{float:right;width:100%;padding-top:138px;text-align:right}
.select-plan7 h1{padding-bottom:7px;border-bottom:2px solid #23c6ec;font-size:24px;font-weight:bold;line-height:24px;color:#444}
.select-plan7 h1 span{font-size:24px;font-weight:bold;line-height:24px;color:#444;text-transform:capitalize}
.select-plan7 ul{margin-top:55px}
.select-plan7 ul li{margin:0 !important;padding:10px !important;border-bottom:1px solid rgba(0,0,0,0.05);font-family:dosis;font-weight:500;color:#666}
.pricing-details{margin-top:85px}
.single-plan{float:left;border:1px solid rgba(0,0,0,0.06);border-right:1px solid rgba(0,0,0,0.06);text-align:center}
.plan-head{position:relative;z-index:2;margin-bottom:25px;border-bottom:1px solid #29C6EC !important;color:#444}
.plan-options{margin-top:18px;border-top:1px solid #eee}
.plan-name{padding:20px 0;background:rgba(0, 0, 0, 0.03) none repeat scroll 0 0;font-size:1.5em;color:#23C6EC}
.plan-price{display:inline-block;font-size:2.3em;font-weight:bold;line-height:normal}
.plan-price p{margin-top:14px !important;margin-bottom:18px!important;font-size:14px;font-weight:normal;color:#23c6ec !important;text-align:center;opacity:0.7}
.plan-price-before{display:inline-block;font-size:.7em;font-weight:normal;vertical-align:middle}
.plan-price-value{display:inline-block;font-size:1.3em !important;vertical-align:middle}
.plan-period::before{position:absolute;top:0;left:0;content:'/'}
.plan-period{display:inline-block;position:relative;top:4px;padding-left:7px;opacity:0.7}
.single-plan p{display:block;margin:0 10px 10px;font-size:15px;color:#999}
.plan-options ul li{padding:.5em .2em;border-bottom:1px solid #eee;font-size:15px}
.plan-options ul li:last-child{border-bottom:0 solid #eee}
.plan-options ul li span.plan-border{margin-bottom:-3px;padding-bottom:2px;border-bottom:1px dotted rgba(0,0,0,0.2)}
.plan-options ul li span{margin-bottom:-3px;padding-bottom:2px;border-bottom:1px dotted rgba(0,0,0,0.2);font-weight:600;color:#333 !important;text-transform:capitalize}
.sign-up{padding:40px 0;border-top:1px solid #eee !important}
.sign-up a{display:inline-block;padding:10px 40px;border-radius:5px;background:#4fc1e9 none repeat scroll 0 0;font-weight:600;color:#fff;text-decoration:none}
.sign-up a:hover{background-color:#1aa0d1}
.medil-plan7{overflow:hidden;margin-top:-45px}
.medil-plan7 a{background:#e54c4c!important;transition:all .3s ease 0}
.medil-plan7 a:hover{background:#c91d1d}
.medil-plan7 .su-plan-badge{position:absolute;top:23px;right:-27px;width:125px;padding:5px 8px;border-color:#de2020;border-style:solid;border-width:2px;background-color:#e54c4c;font-size:10px;line-height:10px;color:#fff;text-align:center;transform:rotate(45deg)}
.medil-plan7 .plan-price-before{color:#666}
.medil-plan7 .plan-head{position:relative;z-index:2;margin-bottom:40px;border-bottom:1px solid #666 !important;color:#444}
.medil-plan7 .plan-name,.medil-plan7 .plan-price-value{color:#666!important}
.medil-plan7 p{color:#666!important}
.medil-plan7 .sign-up{padding-bottom:55px}
.form-blog-post7{padding-top:117px;background:#F2F2F2}
.blog-post7-area{padding-top:36px;line-height:0}
.blog-post7-area .portfolio-title{}
.blog-post7-area .portfolio-title h3{color:#fff}
.blog-post7-area .portfolio-title h3 a{color:#fff}
.blog-post7-area .portfolio-title span.comment{}
.blog-post7-area .portfolio-title span.comment a{color:#fff}
body.home-7 .portfolio-item::before{background-color:#23C6EC}
body.home-7 .portfolio-title > p{width:50%;margin-top:20px;line-height:20px}
body.home-7 .footer-top{clear:both}
body.home-7 .footertop-menu ul li a{padding:15px 0}
body.home-7 .about-us3 h5{font-weight:normal}
body.home-7 #scrollUp{background-color:#23C6EC}

/*=========================
26. home-8
===========================*/
body.home-8 .main-area{width:1400px;margin:0 auto;border:1px solid #ddd}
.call-to-actin-top8{border-bottom:1px solid #ddd}
body.home-8 .coll-to-action7{padding-bottom:4px}
body.home-8 .menu ul{float:left}
body.home-8 .menu ul li a{padding:0 5px}
body.home-8 .menu ul li::after{transform:skew(0deg)}
body.home-8 .main-menu{background-color:#f7f7f7}
body.home-8 .menu ul li{position:relative;height:100%}
body.home-8 .menu ul li:first-child{border-left:1px solid #ddd}
body.home-8 .menu ul li:before{position:absolute;width:0;width:0;height:100%;background:rgba(0, 0, 0, 0.05) none repeat scroll 0 0;content:'';transition:all .3s ease 0}
body.home-8 .menu ul li:hover:before{width:100%!important;margin-left:-17px}
body.home-8 .mega-menu{z-index:25}
body.home-8 .mega-menu ul li:first-child{border-left:0 solid #ddd}
body.home-8 .sb-open-left > a{color:#000}
body.home-8 .shop-mega-menu{left:-599px!important}
body.home-8 .cart-and-search::before{position:absolute;top:85px;right:-245%;z-index:30;width:230%;height:56px;background-color:#ff2b42;content:''}
body.home-8 .pages-mega-menu{left:-630%!important}
body.home-8 .cart-and-search::after{position:absolute;top:85px;left:240%;z-index:31;width:170%;height:56px;background-color:#ff2b42;content:'';transform:translateX(-60px) skewX(-25deg)}
body.home-8 .five-collum-menu{left:-220px}
body.home-8 .header-search{margin-left:15px;margin-right:-60px;margin-top:3px;line-height:80px}
body.home-8 .readon.white{border:2px solid #FF2B42;color:#fff}
body.home-8 .slider{overflow:hidden;width:1400px !important}
body.home-8 .tp-leftarrow{left:280px!important}
body.home-8 .tp-rightarrow{right:280px!important}
body.home-8 .portfolio-gallery-area{width:100%;padding:30px 130px}
.mosaic-none{display:none}
body.home-8 .blog-post-area{width:100% !important;padding:30px 130px}
body.home-8 .item-two-mb{overflow:hidden;margin-bottom:15px}
body.home-8 .portfolio-item-two img{height:214px;padding-right:15px}
body.home-8 .blog-post-area .single-blog-post8{float:left}
body.home-8 .blog-post-area .single-blog-post8:nth-child(n+1){width:40%}
body.home-8 .blog-post-area .single-blog-post8:nth-child(n+2){width:30%}
body.home-8 .blog-post-area .single-blog-post8 .mini8{height:200px}
body.home-8 .blog-post-area .single-blog-post8 .large8 img{height:400px}
body.home-8 .portfolio-item-one .portfolio-item > img{height:443px}
body.home-8 .portfolio-item-two img{height:214px}
body.home-8 .portfolio-item-three img{width:100% !important;height:214px;margin-bottom:0}
body.home-8 .poerfolio-three-iteam img{width:100%;height:214px}
body.home-8 .portfolio-item.three-inner-one,body.home-8 .portfolio-item.three-inner-two{width:180px!important;height:200px;margin-top:0}
body.home-8 .portfolio-item-three .portfolio-item,body.home-8 .portfolio-item-two .portfolio-item{width:100% !important;height:200px}
body.home-8 .portfolio-item-one .portfolio-item{height:415px}
body.home-8 .blog-post-area .blog-four{width:100%;margin-left:-18px}
body.home-8 .portfolio-item.three-inner-one,body.home-8 .portfolio-item.three-inner-two{width:98%!important}
body.home-8 .blog-post-area .blog-one{height:400px}
body.home-8 .blog-four .portfolio-item{height:200px}
body.home-8 .featuer-top h2{position:relative;width:40%;margin:20px auto;padding-bottom:20px;border-bottom:1px solid #ddd}
body.home-8 .featuer-top h2:before{position:absolute;top:62px;left:70px;width:70%;height:1px;background:#ff2b42 none repeat scroll 0 0;content:''}
.project-view8{overflow:hidden;padding:80px 100px;padding-bottom:13px;background:#f2f2f2 none repeat scroll 0 0}
body.home-8 .team-member-area{padding-bottom:90px;padding-top:90px}
body.home-8 .project-view8 .screenshot-area{width:1200px}
body.home-8 .project-view8 .screenshot-image-meddin{top:-365px}
body.home-8 .project-view8 .screenshot-image-center{float:left;position:relative;top:75px;left:0;width:40%}
body.home-8 .project-view8 .featuer-top h2::before{left:0;width:70%}
.project-view8 .featuer-top{}
.project-view8 .featuer-top h1{}
.project-view8 .featuer-top h2{margin-left:0!important;border-bottom:none!important}
.project-view8 .featuer-top p{margin-left:0}
body.home-8 .count-area{padding:35px 0;background:#ff2b42 none repeat scroll 0 0}
body.home-8 .count-box h2{padding-top:20px}
body.home-8 .count-box p{padding-bottom:20px}
body.home-8 .team-member-area .featuer-top h2::before,body.home-8 .portfolio-area .featuer-top h2::before,body.home-8 .optimize-area .featuer-top h2::before,body.home-8 .blog-area .featuer-top h2::before{left:0;width:55%}
body.home-8 .team-member-area .featuer-top h2,body.home-8 .portfolio-area .featuer-top h2,body.home-8 .optimize-area .featuer-top h2,body.home-8 .blog-area .featuer-top h2{width:50%;margin:0}
body.home-8 .team-member-area .featuer-top p,body.home-8 .portfolio-area .featuer-top p,body.home-8 .optimize-area .featuer-top p,body.home-8 .blog-area .featuer-top p{float:left;margin-top:20px}
body.home-8 .team-member-area .single-team,body.home-8 .portfolio-area .single-team,body.home-8 .optimize-area .single-team,body.home-8 .blog-area .single-team{clear:both;padding-top:13px}
body.home-8 .client-area{display:block;overflow:hidden;width:100%;padding:100px 0;padding-bottom:80px;background:rgba(0, 0, 0, 0) url(img/home8/abstruct.jpg) repeat scroll 0 0}
body.home-8 .client-logo{margin-bottom:25px;border:medium none;border-radius:2px;background-color:rgba(255,255,255,0.5);transition:all .3s ease 0}
body.home-8 .portfolio-title h3{color:#fff}
body.home-8 .portfolio-title h5{color:#fff}
body.home-8 .client-logo:hover{background:#fff}
body.home-8 .portfolio-area{padding-bottom:75px;padding-top:105px}
body.home-8 .optimize-area{padding-top:92px}
body.home-8 .blog-area{padding-bottom:74px;padding-top:105px;background:#fff none repeat scroll 0 0}
body.home-8 .blog-post-area{overflow:hidden;width:99% !important}
body.home-8 .footertop-menu ul li a{padding:10px 0}
body.home-8 .footertop-menu{min-height:250px}
body.home-8 .mega-menu ul li a{height:inherit;margin-bottom:0;padding:7px 0;line-height:1}
body.home-8 .one-collam-menu .mega-menu ul li a{height:40px !important;padding:0!important;line-height:37px}
body.home-8 .pages-mega-menu .menu-colum a{padding:21px 0!important;transition:all .3s ease 0}
.five-collum-menu .menu-colum:last-child{border-right:0}
body.home-8 .coll-to-action7{padding-bottom:18px}
body.home-8 .footertop-menu h5{}

/*=========================
27. home-9
===========================*/
body.home-9{font-size:14px;line-height:20px}
body.home-9 h1,body.home-9 h2,body.home-9 h3,body.home-9 h4,body.home-9 h5,body.home-9 h6{}
body.home-9 p{}
body.home-9 .mega-menu{width:160px;padding-left:20px}
body.home-9 .menu ul li a{font-size:12.5px}
.featurest-area9{margin-top:100px;margin-bottom:60px}
.area-title9{width:44%;margin:0 auto}
.area-title9 h2{display:inline-block;position:relative;width:100%;height:100%;margin-bottom:35px;font-size:28px;font-weight:bold;line-height:28px;color:#000}
.area-title9 p{font-size:14px;line-height:23px;color:#666}
.area-title9 h2::after{position:absolute;top:39px;left:50%;width:32px;height:2px;margin-left:-16px;background:#ff6c2c none repeat scroll 0 0;content:''}
.featured-list{overflow:hidden}
.featured-box{margin-bottom:45px}
.featured-box i{font-size:64px;color:#58da82}
.featured-box i.list-img-icon1{color:#df608e}
.featured-box i.list-img-icon2{color:#ff6a56}
.featured-box i.list-img-icon3{color:#10c7c7}
.featured-box i.list-img-icon4{color:#209986}
.featured-box i.list-img-icon5{color:#8d65b3}
.featured-box h3{margin-bottom:10px;margin-top:12px;font-size:18px;font-weight:500;line-height:normal;color:#444}
.featured-box p{color:#666}
body.home-9 header a i{position:absolute;top:o;left:0}
body.home-9 #simple-menu i{padding:18px;background:#ff6c2c none repeat scroll 0 0;font-size:20px;color:#fff}
body.home-9 .header-search{position:absolute;top:-5px;right:0;height:56px !important;margin-right:0;padding-left:15px;padding-right:15px;background:#444 none repeat scroll 0 0;line-height:53px !important;color:#fff;transition:all .2s linear 0}
body.home-9 .header-search input{color:#fff}
body.home-9 span.search-button i{position:relative;top:0;right:-7px;color:#fff}
body.home-9 .header-search input:focus{width:200px;margin-left:5px;padding-left:25px}
.medil-logo9 img{overflow:hidden;margin-bottom:-38px}
.medil-movie img{overflow:hidden;margin-bottom:-10px}
body.home-9 .menu ul li::after{position:absolute;top:0;left:0;width:1px;height:100%;background:transparent;content:'';transform:skew(0deg)}
body.home-9 .menu ul li{display:inline;position:relative;padding:7px}
body.home-9 .mega-menu{z-index:25;background:#fff!important}
body.home-9 .largeHeading.global-link-color *,body.home-9 .mediumHeading.global-link-color *,body.home-9 .smallHeading.global-link-color *{color:#ff6c2c}
body.home-9 .largeHeadingBlack h1{font-size:75px;font-weight:700;line-height:normal;color:#000;letter-spacing:2px}
body.home-9 .global-link-color *{margin-top:19px!important;color:#666 !important}
body.home-9 .detailTextBlack p{font-size:18px;font-weight:300;line-height:30px;color:#000}
body.home-9 .readon.black.border{border-color:#444}
body.home-9 .readon.border{background-color:transparent;color:#444}
body.home-9 .readon.black:hover{background:#444 none repeat scroll 0 0 !important;color:#fff}

/*=========================
27.1 fill our work area9
===========================*/
.fill-our-work-area9{padding-bottom:172px;padding-top:105px;background:#f2f2f2 none repeat scroll 0 0}
.fill-work-fr9{position:absolute;max-width:100%}
.work-freame9{position:relative;max-width:944px;padding:4.3% 3% 8.2% 8%}
.work-frem-item{}
.work-frem-item img{}
.fill-work9-text{margin-left:35px}
.fill-work9-text h2{position:relative;width:100%;height:100%;margin-bottom:38px;font-size:28px;font-weight:bold;line-height:28px;color:#444}
.fill-work9-text h2:after{position:absolute;top:130%;left:0;width:32px;height:2px;background:#ff6c2c;content:''}
.fill-work9-text p{margin-bottom:20px;color:#666}
.fill-work9-text a{margin-top:55px}
.fill-our-work-area9 .owl-controls{margin-top:-50px;text-align:center}
.fill-our-work-area9 .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;border-radius:20px;border:2px solid #fff;background:transparent;opacity:0.9}
.fill-our-work-area9 .owl-controls .owl-page.active span,.fill-our-work-area9 .owl-controls.clickable .owl-page:hover span{background:#fff;opacity:0.9}

/*=========================
27.2 fill our work area9
===========================*/
.we-are-expert9-area{padding-bottom:65px;padding-top:100px}
.expert9{overflow:hidden}
.expert9 h3{position:relative;width:100%;height:100%;margin-bottom:65px;font-size:20px;font-weight:bold;line-height:20px;color:#444}
.expert9 h3:after{position:absolute;top:130%;left:0;width:32px;height:2px;background:#ff6c2c;content:''}
body.home-9 .skill-content-3{overflow:hidden}
body.home-9 .skill .progress .lead{position:absolute;top:-23px;left:0;z-index:99;font-family:'Roboto Slab';font-size:16px;font-weight:normal;color:#444}
body.home-9 .skill .progress{overflow:visible;position:relative;height:5px;margin-bottom:40px;border-radius:0;background-color:#f0f0f0;box-shadow:none}
body.home-9 .skill .progress-bar > span{float:right;position:relative;margin-right:10px;margin-top:-26px;padding:0 5px;background:#333 none repeat scroll 0 0;font-size:11px}
body.home-9 .skill .progress-bar > span:before,.skill .progress-bar > span:after{position:absolute;top:100%;width:0;height:0;border:medium solid transparent;content:' ';pointer-events:none}
body.home-9 .skill .progress-bar > span:before{left:50%;margin-left:-5px;border-top-color:#333;border-width:5px}
body.home-9 .holax-shop h3,.we-are-good-at h3{margin-bottom:25px;font-size:18px}
body.home-9 .skill .progress:nth-child(1) .progress-bar{background:#5B9FD0}
body.home-9 .skill .progress:nth-child(2) .progress-bar{background:#E44D26}
body.home-9 .skill .progress:nth-child(3) .progress-bar{background:#E77713}
body.home-9 .skill .progress:nth-child(4) .progress-bar{background:#21AC0D}
body.home-9 .skill .progress:nth-child(5) .progress-bar{background:#08759B}
body.home-9 .one-collam-menu .mega-menu ul li a{height:25px !important}
.expert-accordion9{}
.expert-accordion9 h3{position:relative;width:100%;height:100%;margin-bottom:43px;font-size:20px;font-weight:bold;line-height:20px;color:#444}
.expert-accordion9 h3:after{position:absolute;top:130%;left:0;width:32px;height:2px;background:#ff6c2c;content:''}
.expert-accordion9 .panel-default{border-color:transparent}
.expert-accordion9 .panel-default > .panel-heading{border-color:transparent;background:transparent none repeat scroll 0 0;color:#333}
.expert-accordion9 .glyphicon{display:inline-block;position:relative;top:1px;margin-right:10px;margin-top:4px;font-family:'Glyphicons Halflings';font-size:12px;font-style:normal;font-weight:300 !important;line-height:1;color:#666}
.expert-accordion9 a:hover{color:#000;text-decoration:none}

/*=========================
27.3 fill our work area9
===========================*/
.kirion-is-amizing9-area{overflow:hidden;width:100%}
.kirion-amizing-left{overflow:hidden;float:left;position:relative;width:50%}
.kirion-amizing-left h2{position:relative;width:100%;height:100%;margin-bottom:5%;margin-top:5%;font-size:28px;line-height:28px;font-weight:bold;color:#fff;text-align:center}
.kirion-amizing-left h2:after{position:absolute;top:130%;left:48.5%;width:30px;height:2px;background:#ff6c2c;content:''}
.kirion-amizing-right{float:right;width:50%}
.kirion-amizing-right img{width:100%;height:100%}
.kirion-amizing-left img{width:100%;height:100%}
.kirion-amizing-box{overflow:hidden;float:left;width:50%;padding-bottom:30px;padding-left:47px}
.amizing-box-icon{float:left;width:20%}
.amizing-box-icon i{font-size:54px;color:#ff6c2c}
.amizing-box-details{float:left;width:80%;padding-left:10px}
.amizing-box-details h3{margin-bottom:10px;font-size:18px;line-height:24px;color:#fff}
.amizing-box-details p{font-size:14px;color:#ddd}

/*=========================
27.4 our relable work9 area
===========================*/
.our-relable-work9-area{clear:both;padding-bottom:100px;padding-top:125px;background:rgba(0, 0, 0, 0) url(img/home9/stationery01.jpg) repeat scroll 0 0}
.reliable-work-box-area{width:100%;margin-top:38px}
.reliable-work-box-area button{margin-left:44%;margin-top:40px;padding:8px 30px;border:1px solid #eee;background:transparent none repeat scroll 0 0;font-size:14px;font-weight:400}
.awesome-portfolio-area{overflow:hidden;padding-top:160px;background:#f7f5f6 none repeat scroll 0 0}
.section-heading{text-align:center}
.section-heading h1{margin-bottom:20px;font-size:45px;line-height:45px;color:#666}
.section-heading p{}
.awesome-portfolio{}
.single-awesome-portfolio{overflow:hidden;float:left;width:33.33%;line-height:0}
.single-awesome-portfolio a{display:block;position:relative}
.awesome-img{display:block;overflow:hidden;position:relative;z-index:2;transition:transform .6s cubic-bezier(0.19,1,0.22,1) 0}
.awesome-img img{}
.awesome-info{display:block;position:absolute;top:-2px;width:100%;height:100%;padding:20px 30px 12px;background-color:#282727;opacity:1}
.awesome-info h3{margin-bottom:3px;font-size:16px;color:#fff}
.awesome-info p{font-size:12px;line-height:20px;color:#aaa}
.single-awesome-portfolio a:hover .awesome-img{transform:translateY(100%)}
.awesome-portfolio-menu{margin-bottom:40px;margin-top:20px}
.awesome-portfolio-menu ul{text-align:center}
.awesome-portfolio-menu ul li{display:inline-block;margin:0 4px;padding:8px 17px;border:1px solid #ececec;background:#fff;font-size:12px;font-weight:300;color:#888;cursor:pointer;transition:all .3s ease 0}
.awesome-portfolio-menu ul li.active,.awesome-portfolio-menu ul li:hover{border-color:#2bcdc1;color:#2bcdc1}

/*=========================
27.5 emergency area9
===========================*/
.emargency-area9{width:100%}
body.home-9 .emargency-area9 .emargency-one{float:left;width:33.33%;padding-top:30px;padding-bottom:27px}
body.home-9 .emargency-area9 .emargency-one{overflow:hidden;position:relative;min-height:320px;margin:0;border:0 none #ddd;background-color:#1a2b33;color:#fff;opacity:0.9;transition:all .3s ease 0}
body.home-9 .emargency-area9 .emargency-one:hover{opacity:1}
body.home-9 .emargency-area9 .em-three{background:#38C7BE none repeat scroll 0 0}
body.home-9 .emargency-area9 .em-two{background:#FF5252 none repeat scroll 0 0}

/*=========================
27.7 emergency carosel area9
===========================*/
.emargency-carosel-area9{clear:both;padding-bottom:95px;padding-top:105px;background:#f5f5f5 none repeat scroll 0 0}
.emargency-carosel{margin-right:-10px;padding:0 15px}
.emargency-box9{margin-right:10px}
.imargency-image9{position:relative;width:100%;height:100%}
.imargency-image9 img{width:100%}
.imargencyimage9-link{position:absolute;top:43%;left:30.5%}
.imargencyimage9-link a{left:40%;z-index:1;padding:10px 13px;border-radius:2px;background-color:rgba(0,0,0,0.2);color:rgba(255,255,255,0.75);opacity:0;transform:translateX(-50px);transition:all .4s ease-in-out 0}
.imargencyimage9-link a:hover{background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0;color:#fff}
.imargencyimage9-link a.search9{position:absolute;top:-44px;left:-30px;width:40px;transition:all .3s ease 0}
.emargency-box9:hover .imargencyimage9-link a.search9{left:50px;opacity:1}
.emargency-box9:hover .imargencyimage9-link a.link9{left:160px;opacity:1}
.imargencyimage9-link a.link9{position:absolute;top:-9px;left:240px}
.imargency-details9{padding:28px 32px 30px;background:#fff none repeat scroll 0 0}
.imargency-info9{}
.imargency-info9 p{display:inline-block;position:relative;font-size:12px;color:#999}
.imargency-info9 p span{position:relative;width:100%;height:100%;margin-left:9px}
.imargency-info9 p span:after{position:absolute;top:5px;left:-6px;bottom:6px;width:1px;height:8px;background-color:#ddd;content:''}
.imargency-details9 h3{margin-bottom:10px;font-size:20px;font-weight:bold;line-height:normal;color:#000}
.imargency-details9 h3 a:hover{font-weight:bold;color:#000}
.imargency-details9 h3 a{}
.imargency-details9 p{}
.checkout-our-templates9{padding-top:58px;padding-bottom:46px;background:#ff6c2c}
.checkout-our-templates9 h3{font-size:36px;line-height:42px;font-weight:500;color:#fff}
body.home-9 #scrollUp{background-color:#FF6C2C}

body.home-9 .footertop-menu ul li a{padding:4px 0;transition:all .3s ease 0}
body.home-9 .footertop-menu ul li a:hover{margin-left:10px}
body.home-9 .mega-menu ul li a{border-bottom:0 solid #333;color:#666;transition:all .3s ease 0;text-transform:capitalize}
body.home-9 .mega-menu ul li a:hover,body.home-9 .mega-menu ul li a:hover div{color:#0165b1}
body.home-9 .mega-menu ul li a div{color:#666;transition:all .3s ease 0;text-transform:capitalize}
body.home-9 .mega-menu ul li{border-right:0 solid #333}
body.home-9 .mega-menu ul li a{height:30px;padding:15px 0 15px 15px}
body.home-9 .five-collum-menu{background:#fff none repeat scroll 0 0}
body.home-9 .five-collum-menu .menu-colum a{color:#ff6c2c;transition:all .3s ease 0}
body.home-9 .five-collum-menu .menu-colum a:hover{color:#ff5a14}
body.home-9 .five-collum-menu .menu-colum h3{border-bottom:0 solid #333}
body.home-9 .five-collum-menu .menu-colum{border-right:0 solid #333}
body.home-9 .five-collum-menu .menu-colum h3 a{color:#666;transition:all .3s ease 0}
body.home-9 .five-collum-menu .menu-colum h3 a:hover{color:#000}
body.home-9 .pages-mega-menu .menu-colum a{border-bottom:0 solid #333;color:#666;transition:all .3s ease 0}
body.home-9 .pages-mega-menu .menu-colum a:hover{color:#000}

/*=========================
28. about-us
===========================*/
body.pages{}
body.pages h1,body.pages h2,body.pages h3,body.pages h4,body.pages h5,body.pages h6{font-family:'Raleway';font-weight:300;color:#444;text-transform:none}
body.pages p{font-size:14px;line-height:20px}
.cart-and-search::before{height:97px}
.cart-and-search::after{height:97px}
.sidr .side-search .header-search{height:97px}
.breadcrumb-area{padding-top:8px;border-top:1px solid #eee}
.breadcrumb-kirion{}
.breadcrumb-kirion ul.breadcrumb{margin-bottom:7px;border-bottom:1px solid #efefef;background:transparent none repeat scroll 0 0}
.breadcrumb > li + li::before{padding:0 7px;font-family:fontawesome;color:#666;content:'\f105'}
.breadcrumb-kirion ul.breadcrumb li.bre-title{margin-right:8px;font-size:14px;font-weight:bold;color:#666;text-transform:uppercase}
.breadcrumb-kirion ul.breadcrumb li{}
.breadcrumb-kirion ul.breadcrumb li a.pathway{font-size:14px;color:#ff2b42;text-decoration:none;text-transform:uppercase;cursor:pointer}
.breadcrumb-kirion ul.breadcrumb li a:hover,.breadcrumb-kirion ul.breadcrumb li a:focus{color:#0163ae}
.fpages .footertop-menu ul li a{padding:11px 0}
.fpages .footertop-menu{height:280px}

/* =============================================================================
HTML5 CSS Reset Minified - Eric Meyer
========================================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;background:transparent;font-size:100%;vertical-align:baseline;outline:0}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;min-height:56px}
nav ul{list-style:none}
blockquote,q{quotes:'none'}
blockquote:before,blockquote:after,q:before,q:after{content:'none'}
a{margin:0;padding:0;background:transparent;font-size:100%;text-decoration:none;vertical-align:baseline}
mark{background-color:#ff9;font-style:italic;font-weight:bold;color:#000}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #ccc}
input,select{vertical-align:middle}
li{list-style:none}

/* =============================================================================
My CSS
========================================================================== */

/* remove canvas default margin */
canvas{vertical-align:bottom}
#particles-js{position:relative;width:100%;height:225px;background:rgba(0, 0, 0, 0) url(/img/about/header1.jpg) repeat scroll 0 0}
.portfolio{background:rgba(0, 0, 0, 0) url(/img/bg/portfolio01.jpg) repeat scroll 0 0 !important}
#particles-js h1{float:left;font-family:'Raleway';font-size:48px;font-weight:bold;line-height:40px;color:#fff;text-transform:uppercase}
#particles-js p{float:left;width:100%;padding-top:15px;color:#fff;text-align:left}
#particles-js .row{}
#particles-js{}
.top-title-k{}
.top-title-k h1{font-family:'Nanum Gothic' !important}
.again-back{float:right}
#particles-js .container{position:absolute;top:50%;right:0;left:0;margin-top:-30px;text-align:center}
.again-back a{display:inline-block;overflow:hidden;position:relative;margin-right:15px;padding:8px 55px 8px 15px;border:2px solid #ff2b42;background:#ff2b42 none repeat scroll 0 0;color:#fff;text-align:left;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}

/*------------------------------
28.1 about-kirion-area
.about-intensy-text h1.about-intensy-title{margin-bottom:20px;padding-bottom:5px;padding-left:13px;padding-top:5px;border-left:4px solid rgba(68,68,68,0.3);font-size:45px;line-height:45px;color:#666}
h1.about-intensy-title{margin-bottom:20px;font-size:45px;line-height:45px;color:#666}
.about-intensy-text a{margin-bottom:0;border-color:#a5a5a5;color:#444}
.about-intensy-text a:hover{border-color:#ff2b42;background:#ff2b42 none repeat scroll 0 0;color:#fff}
--------------------------------*/
.about-intensy-area{margin-top:3%;/* background:#F7F5F6;padding:90px 0*/}
.about-intensy-text h1{margin-bottom:20px;padding-left:15px;border-left:4px solid rgba(68,68,68,0.3);font-size:24px;line-height:1}
.about-intensy-text p{margin-bottom:30px;line-height:1.7143}
.about-intensy-text ul{margin-bottom:30px}
.about-intensy-text ul li{display:block !important;position:relative;margin:0 !important;padding-bottom:15px;padding-left:0;padding-right:0 !important;padding-top:15px;border-top:1px solid #eceaeb;line-height:1.3em;list-style-type:none !important}
.about-intensy-text ul li:last-child{border-bottom:1px solid #eceaeb}
.about-intensy-text ul li::before{position:relative;top:1px;margin-left:0;margin-right:10px;font-family:FontAwesome;font-size:13px;line-height:12px;color:#FF2B42;content:'\f054'}

/*------------------------------
28.2 about-skill-area
--------------------------------*/
.about-member-area{padding:90px 0;background:#F7F5F6}
.newsletter-area{overflow:hidden;padding:145px 0;background:rgba(0, 0, 0, 0) url(img/about/bg-3.jpg) no-repeat scroll center center / cover;text-align:center}
.newsletter-area h4{font-family:raleway !important;font-size:36px;line-height:36px;color:#fff!important}
.newsletter-area .email-newslatter{width:30%;margin:0 auto}
.newsletter-area .email-newslatter input [type=text]{color:#fff!important}
.newsletter-area .email-newslatter p{color:#fff}
.progress-circular input{position:absolute !important;top:0 !important;border:0 none;background:rgba(0, 0, 0, 0) none repeat scroll 0 0;font:bold 35px Arial;color:#000 !important}

/*------------------------------
28.3 about-clients-area
.about-clients-area{padding:90px 0}
--------------------------------*/
.about-brand-list{margin-top:20px}
.about-brand{float:left;width:20%;padding-left:30px}
.about-skill-area{padding:90px 0}
.about-section-heading{margin-bottom:80px;text-align:center}
.single-skill-about{text-align:center}
.single-skill-about h4{font-family:'Raleway';font-size:20px;font-weight:bold;color:#666}
.about-brand p{padding:10px 0 15px;text-align:center; font-size:11.5px;}
.about-brand a{display:block;padding:25px 0;text-align:center}
.about-brand a img{}
.creative-member-area{padding:160px 0}
.creative-member-area .section-heading{margin-bottom:70px;text-align:center}
.creative-member-area .section-heading h1{color:#000}
.single-creative-member{position:relative}
.member-photo{overflow:hidden;position:relative;margin-right:52px;border-radius:10px 0 10px 10px;transform:translateZ(0px)}
.member-photo::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0;content:'';opacity:0;transition:opacity .3s ease 0}
.single-creative-member:hover .member-photo:before{opacity:1}
.member-photo::after{position:absolute;left:0;bottom:0;width:100%;height:50%;background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0;content:''}
.member-photo img{}
.member-info{position:absolute;bottom:0;z-index:999;margin-right:50px;padding:25px;background:transparent none repeat scroll 0 0;color:#fff}
.member-info .member-name{display:block;margin-bottom:.2em;font-size:1.2em}
.member-info .member-role{display:block;margin-bottom:0;font-size:.9em;opacity:0.5}
.member-icons{position:absolute;top:0;right:0;width:52px;padding:15px 0 0;border-radius:0 10px 0 0;background-color:#FF2B42}
.member-icons a{display:inline-block;width:100%;margin:0;font-size:18px;line-height:52px;color:#fff;text-align:center;text-decoration:none}
.member-icons a i{width:25px;padding-bottom:15px;font-size:18px}
.member-icons svg{position:absolute;top:100%;right:0;border-top:1px solid #eee}
.member-icons svg path{fill:#FF2B42}

/*-------------------------------
28.4 about us 2
.about2-testimonial-area{}
.about2-testimonial-area .people-info h5{font-family:raleway !important}
.about2-testimonial-area .people-say-box{margin-top:0}
.about2-testimonial-area .people-asy-top::before{border-top-color:#ccc !important}
.about2-testimonial-area .people-asy-top{border-color:#ccc !important;box-shadow:-4px 0 0 #F46E6E}
.about2-testimonial-area .people-asy-top > h3{margin-bottom:21px;margin-top:28px;font-family:raleway !important;font-size:18px;font-weight:300;line-height:24px}
.about2-testimonial-area .people-asy-top p{margin-bottom:26px;font-size:14px;line-height:24px}
.about2-services-wedo{margin-top:110px}
.about2-parchech-package-area h2{font-family:raleway !important;font-size:36px;font-weight:bold;line-height:36px;color:#666;text-align:center}
.about2-parchech-package-area .about-plan-price-value{display:inline-block;margin:0 3px;vertical-align:middle}
.about2-parchech-package-area .about-plan-head .about-plan-period::before{position:absolute;top:2px;left:-6px;content:'/'}
.about2-parchech-package-area .about-plan-head .about-plan-period{display:inline-block;position:relative;top:4px;z-index:2;padding-left:5px}
.about2-parchech-package-area .about-plan-options ul{margin:0;padding:0;list-style:outside none none}
.about2-parchech-package-area .about-plan ul li{border:medium none}
.about2-parchech-package-area .about-plan-options ul li:first-child{border:medium none}
.about2-parchech-package-area .about-plan-options ul li{margin:0;padding:.5em .2em;border-top:1px dotted rgba(221,221,221,0.5);list-style:outside none none}
.about2-parchech-package-area .about-plan-options ul li span{display:block;margin:0 10px 10px;padding:0 10px;font-size:14px;line-height:20px;color:#999}
.about2-parchech-package-area .about-plan-options ul li span strong{color:#000}
.about2-parchech-package-area .about-plan-options ul li strong{font-family:open sans;font-size:14px}
.about2-parchech-package-area .about-plan .about-tooltip{display:inline-block;margin-bottom:-3px;padding-bottom:2px;border-bottom:1px dotted rgba(0,0,0,0.2)}
.about2-parchech-package-area .about-plan-footer{margin-top:20px;padding:40px 0;padding:30px 0;border-top-color:#fff;border-top:1px solid #eee !important;border-top-style:solid;border-top-width:1px;background-color:#fff;color:#34495e}
.about2-parchech-package-area .about-plan-button{background-color:#34495e;color:#fff;transition:all .2s ease 0}
.about2-parchech-package-area .about-plan-button:hover{background:#333}
.about2-parchech-package-area .about-plan-footer a{display:inline-block;padding:12px 15px;border-radius:5px;font-family:open sans;font-size:15px;text-decoration:none !important;transition:all .2s ease 0}
.su-plan-badge{display:inline-block;padding:5px 12px;border-color:#de2020;border-radius:10px;background-color:#e54c4c;font-size:10px;color:#fff}
.about-popular{margin-top:-31px}
.about2-parchech-package-area .about-popular{box-shadow:0 -5px 0 #e54c4c}
.about2-parchech-package-area .about-popular .about-plan-head{overflow:hidden;position:relative;z-index:2;margin-bottom:40px;padding:55px 0 45px;border-bottom:1px solid #eee !important}
.about2-parchech-package-area .about-popular .about-plan-button{background-color:#ff2b42;color:#fff;transition:all .2s ease 0}
.about2-parchech-package-area .about-popular .about-plan-button:hover{background-color:#C91D1D}
.about2-service-wedo h2{margin-bottom:70px;font-family:raleway !important;font-size:22px;font-weight:bold;line-height:22px;color:#666;text-align:center}
.about2-service-wedo ul{}
-------------------------------*/
.service-intro-area h3{padding-top:40px}
.about2-service-wedo ul li{display:block !important;position:relative;margin:0 !important;padding:4px 0 4px 10px !important;line-height:1.3em;list-style-type:none !important}
.about2-service-wedo ul li i{margin-right:7px;font-size:11px;color:#ddd}
.about2-baner-area{margin-top:3%}
.about2-slide-baner{}
.about2-banner{}
.about2-banner img{width:100%}
.about2-parchech-package-area{margin-top: 50px}
.about2-parchech-package-area:after{display:block;clear:both}
.about2-parchech-package-area .about-plan{float:left;width:25%;margin-right:-1px;border-bottom:1px solid rgba(0,0,0,0.06);border-left:1px solid rgba(0,0,0,0.06);border-right:1px solid rgba(0,0,0,0.06);background:#fff none repeat scroll 0 0;text-align:center;box-shadow:0 -5px 0 #34495e;box-sizing:border-box;transition:all .25s ease-in-out 0}
.about2-parchech-package-area .about-plan-head{overflow:hidden;position:relative;z-index:2;min-height:100px;margin-bottom:30px;padding:35px 0;border-bottom:1px solid #eee !important;border-bottom-style:solid;border-bottom-width:1px}
.about2-parchech-package-area .about-plan-head .about-plan-name{position:relative;z-index:2;margin-bottom:15px;margin-bottom:0;margin-top:15px;line-height:1.5000em}
.about2-parchech-package-area .about-plan-head .about-plan-price{display:inline-block;font-size:1.714em;font-weight:bold;line-height:normal}
.about2-parchech-package-area .about-plan-price-before,.about2-parchech-package-area .about-plan-price-after{display:inline-block;font-size:.7em;font-weight:normal;vertical-align:middle}
.about2-parchech-package-area .about-plan-options p{margin-bottom:10px;padding-right:15px;padding-left:15px;line-height:1.7143;text-align:left}

/*------------------------------
29. Our Office Page
.office-top-area{min-height:339px}
.our-workplase{overflow:hidden;padding-bottom:53px;padding-top:14px}
#map1{width:100%;height:178px}
.our-location h4{position:relative;margin-bottom:16px;margin-left:3px;margin-top:15px;font-size:16px;line-height:16px;color:#666}
--------------------------------*/
.office-content .owl-prev span{position:absolute;top:41%;left:2%;padding:13px;border-radius:2px;background:rgba(255, 255, 255, 0.48) none repeat scroll 0 0;font-size:20px;color:#fff;transition:all 500ms ease 0}
.office-content .owl-next span{position:absolute;top:41%;right:2%;padding:13px;border-radius:2px;background:rgba(255, 255, 255, 0.48) none repeat scroll 0 0;font-size:20px;color:#fff;transition:all 500ms ease 0}
.office-content .glyphicon{font-family:'Glyphicons Halflings' !important}
.our-location{margin-top:30px}
.address p{margin-bottom:10px}
.address p i{width:23px;margin-right:5px;padding:5px;border-radius:0;border:1px solid #ddd;background:transparent;font-size:12px;line-height:12px;color:#666;text-align:center;-webkit-border-radius:0}
.office-content{margin-top:3%;margin-bottom:3%;background:#fff}
.office-content #owl-demo-two .item img {display:block;width:100%;height:auto;}

.office-content #owl-demo-three .item img {display:block;width:100%;height:auto;}

.bread-comeh1 h1{margin-bottom:34px;margin-top:3px}
.our-office-title h2{position:relative;margin-left:10px;padding-bottom:15px;font-size:36px;line-height:60px;font-weight:300;color:#444;text-transform:none}
.our-office-title h2:after{display:block;position:absolute;width:110px;height:2px;background:#DDD;content:''}
.we-work{margin-top:50px}
.we-work p{line-height:1.7}
.we-work h3,.our-workplase h3,.our-location h3{position:relative;/* font-family: "Raleway" !important; */margin-bottom:30px;font-size:24px;font-weight:bold;line-height:24px}
.our-workplase h3{margin-left:15px}
.we-work h3:before,.our-location h3::after,.our-workplase h3::after{display:block;position:absolute;top:36px;left:0;width:100px;height:2px;content:''}

/*------------------------------
30. meet the team
--------------------------------*/
.creative-member-area{padding:160px 0}
.creative-member-area .section-heading{margin-bottom:70px;text-align:center}
.creative-member-area .section-heading h1{color:#000}
.single-creative-member{position:relative}
.member-photo{overflow:hidden;position:relative;margin-right:52px;border-radius:10px 0 10px 10px;transform:translateZ(0px)}
.member-photo::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0;content:'';opacity:0;transition:opacity .3s ease 0}
.single-creative-member:hover .member-photo:before{opacity:1}
.member-photo::after{position:absolute;left:0;bottom:0;width:100%;height:50%;background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0;content:''}
.member-photo img{}
.member-info{position:absolute;bottom:0;z-index:999;margin-right:50px;padding:25px;background:transparent none repeat scroll 0 0;color:#fff}
.member-info .member-name{display:block;margin-bottom:.2em;font-size:1.2em}
.member-info .member-role{display:block;margin-bottom:0;font-size:.9em;opacity:0.5}
.member-icons{position:absolute;top:0;right:0;width:52px;padding:15px 0 0;border-radius:0 10px 0 0;background-color:#ff2b42}
.member-icons a{display:inline-block;width:100%;margin:0;font-size:18px;line-height:52px;color:#fff;text-align:center;text-decoration:none}
.member-icons a i{width:25px;padding-bottom:15px;font-size:18px}
.member-icons svg{position:absolute;top:100%;right:0;border-top:1px solid #eee}
.member-icons svg path{fill:#ff2b42}
.team-skill-area input{}
.team-member-area .section-heading h1{font-size:36px}
.team-skill-area{padding:90px 0}
.team-skill-area h1.about-intensy-title{font-size:36px}
.progress-circular .knob{font-family:open sans !important;font-weight:300 !important}
.team-skill-area .single-skill-about h4{margin-left:0;font-family:raleway !important;font-size:16px;font-weight:normal}
.team-skill-area .single-skill-about{padding:30px 0;border:1px solid #ff2b42;text-align:center}
.team-skill-area .progress-circular input{top:inherit!important}
.team-skill-area .about-section-heading{margin-bottom:35px}
.team-counter-list{float:left;width:33%;border-right:1px solid #ddd;text-align:center}
.team-counter-list:last-child{border-right:0}
.team-counter-list h1{margin-bottom:10px;font-size:70px;font-weight:bold;color:#ff2b42 !important}
.team-counter-list p{font-size:18px !important;color:#666}
.team-bottom-couter{overflow:hidden;padding:100px 0 0}

/* ===========================
31. Team two page
==============================*/

/*---------------------
31.1 team-2-area
-----------------------*/
.team-heading{margin-bottom:40px;margin-top:30px;padding-bottom:40px;border-bottom:1px solid #ddd;text-align:center}
.team-heading h2{margin-bottom:25px;font-family:'Raleway' !important;font-size:24px;font-weight:300}
.team-heading p{}
span.member-name{display:block;margin-bottom:.2em;font-size:1.2em;font-weight:bold;transition:all .3s ease 0}
span.member-name:hover{color:#FF2B42}
.ab-team-details{padding:1.5em}
span.member-role{display:block;margin-bottom:1em;font-size:.9em;opacity:0.5;text-transform:uppercase}
.team-2-area{padding-top:35px}
.team-2-curosel .owl-nav .owl-prev i,.team-2-curosel .owl-nav .owl-next i{position:absolute;top:50%;left:-30px;z-index:-9;width:45px;height:32px;margin-top:-16px;background:#0D292F none repeat scroll 0 0;font-size:30px;color:#fff;text-align:center;transition:all .3s ease 0;opacity:0}
.team-2-curosel .owl-nav .owl-next i{right:-30px;left:auto}
.team-2-curosel:hover .owl-nav .owl-prev i{left:0;z-index:9;opacity:1}
.team-2-curosel:hover .owl-nav .owl-next i{right:0;z-index:9;opacity:1}
.team-2-curosel .owl-nav .owl-next i:hover{background:#2BCDC1}
.team-2-curosel .owl-nav .owl-prev i:hover{background:#2BCDC1}
.team-2-curosel .warmer {margin-bottom:20px;}
.team-two-bottom-area{padding-bottom:70px}
.team-two-bottom-area .single-team{margin-bottom:-19px;border-bottom:1px solid #ddd;text-align:center}
.team-2-border{margin-bottom:35px;border-right:1px solid #ddd}
.team-two-bottom-area .col-lg-4.col-md-4.team-2-border:nth-child(4) .single-team{border-bottom:0}
.team-two-bottom-area .col-lg-4.col-md-4.team-2-border:nth-child(5) .single-team{border-bottom:0}
.team-two-bottom-area .col-lg-4.col-md-4.team-2-border:nth-child(6) .single-team{border-bottom:0}
h3.team-2-skill{margin-bottom:11px;margin-top:40px;font-family:raleway !important;font-size:18px;font-weight:normal}
.t-border-none .single-team{border-bottom:0}
.our-skill-team-2{}
.our-skill-team-2 .skill .progress-bar{background:#ff2b42 none repeat scroll 0 0 !important}
.team-two-bottom-area{overflow:hidden}
.our-skill-team-2{padding-top:30px}
.pages-p{padding-top:80px;padding-bottom:80px}
.our-skill-team-2 .skill .progress .lead{position:absolute;top:-24px;left:0;z-index:99;font-family:raleway !important;font-size:16px;font-weight:300;color:#666}
.our-skill-team-2 .skill .progress-bar > span::before{left:50%;margin-left:-5px;border-top-color:#333!important;border-width:5px}
.our-skill-team-2 .skill .progress-bar > span::before,.our-skill-team-2 .skill .progress-bar > span::after{position:absolute;top:100%;width:0;height:0;border:medium solid transparent;content:' ';pointer-events:none}
.our-skill-team-2 .skill .progress-bar > span{float:right;position:relative;margin-right:10px;margin-top:-26px;padding:0 5px;background:#333 none repeat scroll 0 0;font-size:11px}

/* ===========================
32. Team three page
==============================*/
.team-3-area{padding:120px 0}
.team-3-top-heading{margin-bottom:40px;text-align:center}
.team-margin{margin-bottom:70px}
.team-3-top-heading h3{margin-bottom:19px;font-family:raleway !important;font-size:18px;font-weight:normal;line-height:24px}
.team-3-top-heading p{}
.our-leaders{overflow:hidden;border:1px solid #ddd;background-color:#fff;color:#fff}
.lead-img{width:50%}
.lead-img img{}
.lead-content{width:50%;padding:1.5em;text-align:center}
.member-info-3{color:#444}
.member-info-3 span{}
.member-info-3 span.member-name{display:block;margin-bottom:.2em;font-size:1.2em;font-weight:300}
.member-info-3 span.member-role{display:block;margin-bottom:1em;margin-top:4px;font-size:.9em;opacity:0.5;text-transform:capitalize}
.member-info-3 p{margin-top:10px;padding:10px 12px;border-bottom:1px solid rgba(158,158,158,0.3);border-top:1px solid rgba(158,158,158,0.3)}
.lead-icon{margin-top:32px}
.lead-icon a{margin:5px}
.lead-icon a i{width:32px;height:32px;padding-top:8px;border:1px solid #FF2B42;font-size:16px;color:#444;transition:all .4s ease 0}
.lead-icon .fa-facebook:hover,.volunteers-icon .fa-facebook:hover{border:0;background:#3B5998;color:#fff}
.lead-icon .fa-twitter:hover,.volunteers-icon .fa-twitter:hover{border:0;background:#00ACED;color:#fff}
.lead-icon .fa-google-plus:hover{border:0;background:#DD4B39;color:#fff}
.lead-icon .fa-linkedin:hover,.volunteers-icon .fa-linkedin:hover{border:0;background:#007BB6;color:#fff}
.team-divider:before{left:50%;width:60%;margin-left:-30%}
.single-team-3{}
.volunteers-img{position:relative}
.volunteers-img img{}
.volunteers-icon{position:absolute;left:0;bottom:0;width:100%;background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0;text-align:center;opacity:0;transition:all .4s ease 0}
.single-team-3:hover .volunteers-icon{opacity:1}
.volunteers-icon a{display:inline-block;margin:0 4px}
.volunteers-icon a i{width:40px;height:40px;padding-top:11px;font-size:18px;color:#555;transition:all .4s ease 0}
.volunteer-info{padding:18px 0;text-align:center}
.volunteer-info h4{display:block;margin-bottom:10px;margin-top:10px;font-family:raleway !important;font-size:1.2em;font-weight:normal}
.volunteer-info p{display:block;margin-bottom:1em;font-size:.9em;opacity:0.5}
.volunteer-content{}
.volunteer-content h3{font-size:24px;line-height:30px}
.volunteer-content p{}
h3.team-3-skill{margin-bottom:20px}
h3.team-3-skill{margin-bottom:20px;font-family:raleway !important;font-size:18px;font-weight:normal}
.team-3-progress .progress{height:30px;margin-bottom:10px;background-color:#effbf0;box-shadow:none}
.team-3-progress .progress .progress-bar{}
.team-3-progress .progress .progress-bar span{}
.team-3-progress .progress .progress-bar span.skill-name,.team-3-progress .progress .progress-bar span.skill-level{float:left;margin-left:5px;margin-top:4px;padding:1px 5px;border-radius:2px;background:rgba(0, 0, 0, 0.3) none repeat scroll 0 0;font-size:14px}
.team-3-progress .progress .progress-bar span.skill-level{float:right;margin-right:5px}
.progress-bar-bg{background-color:#FF2B42;color:#fff}
.team-3-skill-img{}
.team-3-skill-img img{width:100%}
.dream-future{margin-bottom:80px;margin-top:80px;background:#eee none repeat scroll 0 0}
.dream-future .call-left h3{font-family:raleway !important;font-weight:300;color:#444}
.dream-future .call-left p{color:#444}
.dream-future .call-right{}
.dream-future .call-right a{border-radius:0;background:#FF2B42 none repeat scroll 0 0}
.dream-future .call-right a:hover{background:#3cd6cb none repeat scroll 0 0}
.team-3-counter-list{padding:35px 0;border:1px solid #ddd;text-align:center}
.team-3-counter-list i{margin-bottom:5px;font-size:32px;color:#FF2B42}
.team-3-counter-list h3{margin-bottom:6px;font-family:raleway !important;font-size:32px;font-weight:700;color:#ff2b42}
.team-3-counter-list p{margin-bottom:0;font-size:14px;color:#666}
.call-to-action{overflow:hidden;padding:25px;background:#eee none repeat scroll 0 0}
.call-left{float:left}
.call-left h3{margin:0;font-size:22px;line-height:32px;color:#fff}
.call-left p{margin-bottom:0;color:#acf1e4}
.call-right{float:right;margin-top:14px}
.call-right a{margin:2px 0 0 20px;padding:20px 30px;border-radius:10px;background:#1dcdaa none repeat scroll 0 0;font-size:18px;color:#fff;text-decoration:none}
.call-right a:hover{background:#24e0ba none repeat scroll 0 0}
.cta-padd{padding-top:70px;padding-bottom:50px}

/* ===========================
33. team-member page
body.pages .team-member-area{padding:70px 0}
==============================*/
.team-member-tab{overflow:hidden;border:3px solid #eee;border-radius:3px}
.team-member-tab ul.nav-tabs{background:#eee none repeat scroll 0 0}
.team-member-tab ul.nav-tabs li{}
.team-member-tab ul.nav-tabs li{}
.team-member-tab ul.nav-tabs li a{border:medium none;color:#333/* font-family: open sans; */}
.team-member-tab ul.nav-tabs li a:hover{background:#F5F5F5}
.team-member-tab ul.nav-tabs li.active a:hover{background:#fff}
.team-member-tab .nav-tabs > li.active > a,.team-member-tab .nav-tabs > li.active > a:focus,.team-member-tab .nav-tabs > li.active > a:hover{border:0 none;background-color:#fff;color:#555;cursor:default}
.team-m-content{overflow:hidden}
.team-m-img{float:left}
.team-m-desc{overflow:hidden;/*margin-top: 65px; */margin-right:35px;margin-top:35px;margin-bottom:35px}
.team-m-desc h3{/* font-family: raleway !important;margin-top:65px; */margin-bottom:10px;font-size:18px;font-weight:300;line-height:24px}
.team-m-desc span{display:inline-block;margin-bottom:20px;font-size:15px}
.team-m-desc .skill .progress-bar > span::before{left:50%;margin-left:-5px;border-top-color:#333!important;border-width:5px!important}
.team-m-desc .skill .progress-bar > span::before,.team-m-desc .skill .progress-bar > span::after{position:absolute;top:100%;width:0;height:0;border:medium solid transparent;content:' ';pointer-events:none}
.team-m-desc .skill .progress-bar > span{float:right;position:relative;margin-right:10px;margin-top:-26px;padding:0 5px;background:#333 none repeat scroll 0 0;font-size:11px}
.team-m-icon{}
.team-m-icon a{display:inline-block;margin-right:10px}
.team-m-icon a i{width:35px;height:35px;padding-top:7px;border:1px solid #e5e5e5;background:#eee none repeat scroll 0 0;font-size:20px;color:#ff2b42;text-align:center;transition:all .3s ease 0}
.team-m-icon a i:hover{border:1px solid #e5e5e5;background:#F3F3F3 none repeat scroll 0 0}
.team-m-desc p{margin:40px 0 0}
.team-m-content .service-progress{margin-top:40px}
.team-m-content .service-progress .progress-title{font-weight:300}
.team-m-content .service-progress .progress{}
.team-m-content .service-progress .progress .progress-bar{}
.one-m{background:#F46E6E}
.two-m{background:#5476A9}
.three-m{background:#63AD68}
.four-m{background:#F46EB3}
.team-m-desc .skill{margin-top:30px}
.team-m-desc .skill .progress .lead{padding-bottom:3em !important;font-family:'Nanum Gothic' !important;font-size:12px !important;color:#ddd !important;text-transform:uppercase;z-index:-99;/*font-family:raleway;font-weight:400*/}
.skill .progress{overflow:visible;position:relative;height:5px;margin-bottom:20px;border-radius:0;background-color:#f0f0f0;box-shadow:none}
.skill .progress:nth-child(1) .progress-bar{background:#23C6EC}
.skill .progress:nth-child(2) .progress-bar{background:#EB3B60}
.skill .progress:nth-child(3) .progress-bar{background:#2BCDC0}
.skill .progress:nth-child(4) .progress-bar{background:#F46EB3}
body.pages .footertop-menu h5{margin-bottom:29px;font-family:'Nanum Gothic' !important;font-size:20px;font-weight:normal;color:#fff;text-transform:capitalize}

/* ==========================
34. pricing page
==============================*/
.pricing-area{padding-bottom:70px;padding-top:50px}
.pricing-details{margin-left:-15px}
.pricing-area .plan-inner{margin-left:15px;border:1px solid #ddd}
.pricing-area .single-plan{overflow:hidden;float:left;width:25%;border:0 solid rgba(0,0,0,0.06);text-align:center}
.pricing-area .single-plan p{display:block;margin:0 10px 10px;color:#999}
.plan-head{position:relative;z-index:2;margin-bottom:10px;padding-bottom:25px;border-bottom:1px solid #5e5e5e !important;color:#444}
.plan-name{margin-bottom:15px;padding:20px 0;background:rgba(0, 0, 0, 0.03) none repeat scroll 0 0;font-size:1.2em;color:#444}
.plan-price{display:inline-block;font-size:2.3em;font-weight:bold;line-height:normal}
.plan-price-before{display:inline-block;font-size:.7em;font-weight:normal;vertical-align:middle}
.plan-price-value{display:inline-block;margin-left:-8px;font-family:open sans !important;font-size:32px !important;font-weight:700;vertical-align:middle}
.plan-period{display:block;margin-top:5px;opacity:0.7}
.pricing-area .plan-period:before{position:absolute;content:''}
.plan-options{}
.plan-options ul{}
.plan-options ul li:first-child{border-top:1px solid rgba(0,0,0,0.05)}
.plan-options ul li{padding:15px 0;border-bottom:1px solid rgba(0,0,0,0.05);font-size:15px}
.plan-options ul li span.plan-border{margin-bottom:-3px;padding-bottom:2px;border-bottom:1px dotted rgba(0,0,0,0.2)}
.plan-options ul li span{}
.sign-up{margin-top:20px;padding:40px 0;border-top:1px solid #eee !important}
.sign-up a{display:inline-block;padding:15px 40px;border-radius:5px;background:#8dd538 none repeat scroll 0 0;font-family:open sans;color:#fff;text-decoration:none}
.sign-up.basic a{}
.sign-up.professional a{background:#2bcdc0}
.sign-up.premium a{background:#34495e}
.sign-up.basic a:hover{background:#80cb2b}
.sign-up.professional a:hover{background:#23A59A}
.sign-up.premium a:hover{background:#1A242E}
.plan-popular{position:absolute;top:23px;right:-27px;width:125px;padding:5px 8px;border-color:#e8273a;border-style:solid;border-width:2px;background-color:#ed5564;font-size:10px;line-height:10px;color:#fff;text-align:center;transform:rotate(45deg)}
.standard-b{margin-bottom:40px}
.standard-space{margin-top:-30px}
.most-popular-button a{background:#ed5564}
.most-popular-button a:hover{background:#e8263a}
.plan-a{}
.plan-a>span{display:inline-block;float:left;width:6em;height:1em;margin-top:5px;font-size:2.5em;font-weight:bold;line-height:1;color:#444;text-align:left}
.plan-a p{font-size:15px;line-height:1.7143em;}
.plan-a p>span,.faq-acc-content span{padding:2px 5px;border-radius:4px;background:#ffe699 none repeat scroll 0 0}
h3.faq-heading{position:relative;margin-top:35px}
.plan-box{margin-top:3%}


/* ==========================
35. service page
.service-dev-area{padding:90px 0}
.service-dev-text{}
.service-dev-text .readon{display:inline-block;overflow:hidden;position:relative;padding:10px 55px 11px 15px;border:2px solid #ff2b42;font-size:14px;color:#000;text-align:left;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}
.service-dev-text .readon.border:hover{border:2px solid #ff2b42;background-color:#f5001d;color:#fff}
.service-dev-text h2{margin-bottom:20px;padding-left:15px;border-left:4px solid rgba(68,68,68,0.3);font-size:36px;line-height:36px;color:#000}
.service-dev-text > p{margin-bottom:20px}
.service-dev-text a{border-color:#a5a5a5;color:#444}
.service-dev-text a:hover{border-color:#28BFB4}
.service-breadcrumb{background:rgba(0, 0, 0, 0) url(img/about/bg.jpg) no-repeat scroll center center / cover}
.service-point-area{padding:150px 0;background:rgba(0, 0, 0, 0) url(img/service/section.jpg) no-repeat scroll center center / cover}
.service-point-text{text-align:center}
.service-point-text h4{margin-bottom:20px;font-size:36px;line-height:36px;color:#fff !important}
.service-point-text p{margin:0;color:#fff}
==============================*/
.service-intro-area .service-page-heading p{margin-bottom:50px;font-size:15px;line-height:1.6000em}
.s-p-single{margin-top:0;margin-bottom:15px}
.s-p-icon{float:left;margin-right:15px}
.s-p-icon i{width:50px;height:50px;padding-top:0;border:0 solid;font-size:42px;color:#d0a944;text-align:center}
.icon_description{overflow:hidden;min-height:85px}
.icon_description h3{clear:none !important;margin-bottom:10px;margin-top:0;padding-top:0;font-size:18px;font-weight:bold}
.service-accordion-area{padding:30px 0}
.service-accordion .service-acc-img{float:left;width:35%;padding-right:0}
.service-accordion .service-acc-text{float:right;width:65%}
.service-accordion .panel-default > .panel-heading{background-color:#fdfdfd}
.service-accordion .panel-title{/*font-family: open sans;  font-size: 0.9em;*/transition:all .3s ease 0}
.service-accordion .panel-title a:hover{color:#000!important}
.service-accordion .panel-heading{padding:0;border-radius:0}
.service-accordion .panel-group .panel{border-radius:0}
.service-accordion .panel-title > a{display:block;position:relative;padding:15px;font-weight:400}
.service-accordion .panel{box-shadow:none}
.service-accordion .panel-title a.collapsed::before,.service-accordion .panel-title a::before{position:absolute;top:17px;right:18px;font-family:fontawesome;content:'\f067'}
.service-accordion .panel-title a::before{content:'\f068'}
/* add */
.service-accordion h6{margin:5px 0 10px;font-size:17px;font-weight:bold}
.service-accordion .service-acc-text ol{margin:3px 0 3px 20px}
.service-accordion .service-acc-text ol li{padding:1px 0;list-style-type:disc}
.service-accordion .service-acc-text p{line-height:1.7143em}
.service-accordion .service-acc-text small{font-size:85%;color:#888}
.service-accordion .service-acc-text-all{width:100%}
.service-accordion .service-acc-text-all figure{padding:20px 0 10px}
.service-report-area{margin-top:3%}
.service-report-area span.expert-name{min-height:40px}

/* ==========================
36. question page
==============================*/
.qa-area{}
.qa-accordion{padding-right:10px;padding-top:120px}
.qa-accordion h3{margin-bottom:25px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;font-family:open sans!important;color:#333}
.qa-accordion h3.open{margin-bottom:0;border-bottom:0 solid #ccc;border-top:1px solid #ccc;font-family:open sans}
.qa-accordion h3 a{display:block;position:relative;margin:0 0 2px;padding:12px 12px 12px 40px;font-size:14px;font-weight:300;color:#333;text-decoration:none;text-transform:uppercase}
.qa-accordion h3 a:before{display:block;position:absolute;top:50%;left:10px;width:20px;height:20px;margin-top:-10px;font-family:FontAwesome;font-size:14px;font-style:normal;font-weight:normal;line-height:21px;text-align:center;content:'\f0fe'}
.qa-accordion h3.open a:before{content:'\f146'}
.qa-content{}
.qa-content p{padding:10px;font-family:open sans;font-size:14px;font-weight:normal;line-height:20px;color:#666 !important}
.qa-accordion h3:hover{background-color:#fff}
.did-not-find{margin-top:80px;padding-bottom:100px;padding-right:10px}
.did-not-find h3{margin-bottom:20px;font-size:18px;font-weight:normal !important;line-height:24px}
.did-not-find p{color:#666 !important}
.did-not-find a{display:block;margin-top:40px;padding:4px 18px;border-radius:3px;background-color:#ff2b42;font-size:14px;line-height:28px;color:#fff;text-align:center;text-decoration:none}
.did-not-find a:hover{background-color:#E6273C}
.qa-area .left-sidebar-h{padding-left:10px;padding-top:40px}
.customer-care{margin-bottom:20px;padding:20px;background:#f5f5f5 none repeat scroll 0 0;color:#444}
.customer-care ul{}
.customer-care ul li{border-bottom:1px solid #eaeaea}
.customer-care ul li:last-child{border-bottom:0}
.customer-care ul li a{display:block;padding:10px 15px 10px 0;color:#444;text-decoration:none}
.customer-care ul li a i{float:right;margin-top:4px}
.qa-border{border-right:1px solid #ddd}
.blog-right-title{position:relative;margin-bottom:26px;font-size:18px;font-weight:normal;color:#444}

/* ===========================
37. help page
==============================*/
.help-area{}
.help-area .readon{display:inline-block;overflow:hidden;position:relative;padding:10px 55px 10px 15px;/* font-size: 14px; */border:2px solid #ff2b42;background:#ff2b42 none repeat scroll 0 0;color:#fff;text-align:left;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}
.single-help{position:relative;margin-bottom:20px}
.front-flip{padding-bottom:30px;padding-top:30px;border:1px solid #e1e1e1;border-radius:2px;background-color:#fff;color:#444;text-align:center;box-shadow:none}
.front-flip img{width:250px}
.front-flip h3{clear:none !important;margin-bottom:0;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0;font-size:14px;font-weight:normal !important;line-height:normal}
.back-flip{position:absolute;top:0;width:100%;height:100%;padding:0 15px;background:#f5f5f5 none repeat scroll 0 0;text-align:center}
.back-flip h3{margin-bottom:10px;margin-top:35px;font-size:18px;font-weight:normal !important;line-height:24px}
.back-flip p{margin-bottom:25px;font-size:13px;color:#888}
.back-flip a{color:#fff}
.back-flip a:hover{}
/* =.single-help .front-flip,.single-help .back-flip{height:100%;margin-bottom:0;backface-visibility:hidden;box-sizing:border-box;transition:all 400ms ease 0}
.single-help .front-flip{transform:rotateY(0deg)}
.single-help .back-flip{transform:rotateY(-180deg)}
.single-help:hover .front-flip{transform:rotateY(180deg)}
.single-help:hover .back-flip{transform:rotateY(0deg)}=*/
.help-info{margin-top:50px}
.help-info h3{}
.help-info .faq-accordion{margin-top:20px}
.help-info .faq-accordion h3{margin-bottom:0;background:#fdfdfd none repeat scroll 0 0}
.help-info .faq-accordion h3 a{}
.help-info .faq-accordion h3 a:before{content:'\f067'}
.help-info .faq-accordion h3.open a:before{content:'\f068'}
.contact-our-expert{margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #ddd;text-align:center}
.contact-our-expert h2{font-size:36px}
.contact-our-expert p{margin-bottom:5px}
.single-team-expert{margin-bottom:20px;background-color:#fff;color:#333;text-align:center;box-shadow:none}
.single-team-expert img{border:1px solid #e1e1e1}
.expert-info{padding:10px 0}
span.expert-name{display:block;margin-bottom:.2em}
span.expert-role{display:block;font-size:.85em;opacity:0.5}
.help-right{margin-left:20px;margin-top:35px;padding:40px 20px 15px;background:#f5f5f5 none repeat scroll 0 0}
.we-reply{text-align:center}
.we-reply h5{margin-bottom:0;font-size:15px;font-weight:normal}
.we-reply span{font-family:open sans;font-size:65px}
.we-reply h6{margin-bottom:5px;margin-top:10px;font-size:13px;font-weight:normal}
.we-reply p{font-size:14px}
.help-forum{margin-top:40px}
.help-forum h4{margin-bottom:22px;font-family:open sans;font-size:16px;line-height:22px}
.help-forum p{margin-bottom:22px;font-family:open sans;font-size:14px}
.help-forum a{display:inline-block;padding:4px 20px;border-radius:3px;background-color:#ff2b42;font-family:open sans;font-size:16px;line-height:32px;color:#fff;text-decoration:none}
.help-forum a:hover{background-color:#f55b6c}
.help-border{padding-right:30px;padding-top:40px;border-right:1px solid #ddd}
.contact-exp-bottom{padding-bottom:60px}
.faq-accordion{margin-top:40px}
.faq-accordion h3{}
.faq-accordion h3 a{display:block;position:relative;margin:0 0 10px;padding:12px 12px 12px 52px;border:1px solid #ddd;border-radius:50px;font-family:open sans;font-size:15px;font-weight:400;color:#333;text-decoration:none}
.faq-accordion h3.open a{}
.faq-accordion h3 a:before{position:absolute;top:10px;left:10px;margin-left:10px;padding-top:2px;background:#fdfdfd none repeat scroll 0 0;font-family:FontAwesome;font-size:14px;font-weight:normal;font-style:normal;color:#444;text-align:center;content:'\f061'}
.faq-accordion h3.open a:before{content:'\f063'}
.help-info > h4{font-size:16px}
.faq-acc-content{margin-bottom:12px;margin-top:-36px;padding-bottom:20px;padding-top:35px;border-color:-moz-use-text-color #ddd #ddd;border-image:none;border-radius:2px 2px 15px 15px;border-style:none solid solid;border-width:medium 1px 1px}
.faq-acc-content p{padding-left:20px;padding-right:20px;font-family:open sans;font-size:14px;line-height:20px}
.faq-acc-content span{background:#FFA099}

/* ===========================
38. testimonial page
==============================*/
.testimonial-top-area{}
.testimonial-area-bottom{margin-bottom:70px}
.testimonial-slider{margin-bottom:50px}
.testimonial-list{padding:50px 0}
.single-testimonial-top{text-align:center}
.tes-img{width:80px;height:80px;margin:0 auto}
.tes-img img:hover{background:#ddd}
.tes-content{}
.tes-content p{margin:10px 0;font-size:18px;line-height:1.5em;color:#666}
.tes-author{}
.tes-author span{}
.tes-author span.tes-name{display:block;margin-bottom:7px;font-size:17px;font-weight:bold;color:#666}
.tes-author span.tes-title{font-size:13px;color:#666}
.tes-author span.tes-title a{color:#ff2b42}
.testimonial-list .owl-nav .owl-prev i,.testimonial-list .owl-nav .owl-next i{position:absolute;left:46%;bottom:7px;width:40px;height:22px;background:#0D292F none repeat scroll 0 0;font-size:20px;color:#fff;text-align:center;transition:all .3s ease 0}
.testimonial-list .owl-nav .owl-next i{right:46%;left:auto}
.testimonial-list .owl-nav .owl-prev i:hover,.testimonial-list .owl-nav .owl-next i:hover{background:#ddd;color:#000}
.client-testimonial-heading{margin-bottom:70px;text-align:center}
.client-testimonial-heading h1{font-size:36px !important;font-weight:normal !important;line-height:42px}
.client-testimonial-heading p{margin-top:20px;font-size:15px;font-weight:700;color:#666}
.single-client-test{margin-bottom:50px}
.client-test-box{position:relative;margin-bottom:0;margin-left:4px;padding:30px 40px;border-bottom:1px solid rgba(0,0,0,0.1);border-radius:10px;border-right:1px solid rgba(0,0,0,0.1);border-top:1px solid rgba(0,0,0,0.1);background:#fff none repeat scroll 0 0;box-shadow:-4px 0 0 #f46e6e}
.client-test-box:before{display:block;position:absolute;left:48px;bottom:-22px;border-right:0 solid transparent;border-left:22px solid transparent;border-top:22px solid #dcdcdc;content:''}
.client-test-box:after{display:block;position:absolute;left:49px;bottom:-20px;border-left:20px solid transparent;border-right:0 solid transparent;border-top:20px solid #fff;content:''}
.client-test-box p{overflow:hidden;margin-top:13px;padding-left:15px}
.client-text-icon{}
.client-text-icon i{float:left;font-size:32px;color:#f0f0f0}
.client-text-info{margin-left:55px;margin-top:30px}
.client-text-info img{float:left;width:40px;height:40px;margin-right:15px;border-radius:50%}
.cleint-desc{}
.cleint-desc span.tes-name{display:block;margin-bottom:4px;font-size:14px;font-weight:bold}
.cleint-desc span.tes-title{}
.cleint-desc span.tes-title a{font-size:14px;font-weight:600;color:#f5001d;text-transform:capitalize}
.cleint-desc span.tes-title a:hover{text-decoration:underline}

/* ===========================
39. contact page
==============================*/
.contact-pages-area .breadcrumb-title h1{font-weight:300}
.heading-content p{margin-bottom:0;margin-top:8px;font-size:12px;color:#666}
.contact-page-area{padding-bottom:80px;padding-top:50px}
h2.contact-name{margin-bottom:25px;font-size:24px;font-weight:normal}
.contact-accordion{}
.contact-accordion h3.open{margin-bottom:0;border-bottom:1px solid #ddd}
.contact-accordion h3,.service-accordion h3{display:block;position:relative;margin:0 0 6px;padding:12px 12px 12px 52px;border:1px solid #ddd;background-image:-moz-linear-gradient(center bottom, #f8f8f8 40%, #fff 60%) !important;font-size:14px;font-weight:600;color:#555;text-decoration:none;text-transform:uppercase}
.contact-accordion h3 a::after,.service-accordion h3 a::after{position:absolute;top:11px;left:0;width:18px;height:18px;margin-left:11px;padding-top:1px;border-radius:50px;background:#ff2b42 none repeat scroll 0 0;font-size:28px;font-weight:600;line-height:18px;color:#fff;text-align:center;content:'+'}
.contact-accordion h3.open a:after,.service-accordion h3.open a:after{line-height:13px;content:'-'}
.contact-address{float:left;width:50%;padding-left:40px}
.contact-accordion a{display:block;margin-left:-15px;font-weight:400;color:#ff2b42;text-decoration:none;text-transform:capitalize}
.contact-content{overflow:hidden;margin-bottom:2px;border:1px solid #ddd;border-top:0}
.contact-content p{margin-bottom:21px;padding-top:20px;font-size:16px;font-weight:bold}
.contact-content ul{}
.contact-content ul li{margin-bottom:2px;padding-bottom:20px;color:#444}
.contact-content ul li span.contact-icon{float:left;margin-top:3px}
.contact-content ul li span i{width:25px;font-size:16px}
.contact-content ul li span.contact-text{display:block;margin-left:30px;font-family:open sans;font-size:14px;line-height:22px}
.contact-content ul li span a{color:#FF2B42;text-transform:inherit}
.contact-content ul li span a:hover{text-decoration:underline}
.contact-img{float:right;margin-bottom:10px;margin-right:15px;margin-top:15px}
.contact-form-ac{padding:0 40px}
.contact-form-ac > p{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e5e5e5 !important;font-size:15px;font-weight:400;color:#595959}
.control-level{}
.control-level p{margin-bottom:5px;font-size:14px;font-weight:400;color:#444}
.control-level p span{}
.control-level input{width:100%;height:38px;padding-left:10px;border:none;border:1px solid #ddd;background:#fff}
.control-level input:focus,.textarea-contact textarea#message-ac:focus{border-color:#ff2b42;box-shadow:0 0 6px #ff2b42}
.textarea-contact{}
.textarea-contact textarea#message-ac{width:100%;padding-left:10px;padding-top:10px;border:1px solid #ddd}
.textarea-contact p{margin-bottom:10px;font-size:15px;font-weight:400;color:#595959}
.contact_email_copy{overflow:hidden;margin-top:25px;margin-bottom:25px}
.contact_email_copy input{float:left;margin-right:10px;margin-top:4px}
.contact_email_copy>p{float:left;margin:0;padding:0;font-size:14px;font-weight:400}
.contact-form-ac .readon{display:inline-block;overflow:hidden;position:relative;margin-bottom:25px;padding:8px 55px 8px 15px;border:2px solid #ff2b42;background:#ff2b42 none repeat scroll 0 0;color:#fff;text-align:left;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}
.contact-info{margin-bottom:30px}
.contact-info>p{margin-bottom:0;padding-left:40px;padding-right:40px;font-size:14px;font-weight:400}
.contact-map{}
.contact-map{padding:0px;background:#F5F5F5}
.contact-map > h3{margin-bottom:22px;font-size:18px;font-weight:normal}
body.pages .team-member-area{padding:90px 0}
.contact-banner #particles-js{width:100%;height:275px;background:rgba(0, 0, 0, 0) url(img/contact/contact01.jpg) repeat scroll 0 0}
.contact-banner #particles-js h1{color:#000}
.uk-active span{font-size:14px;text-transform:uppercase}
.contact2{margin-bottom:-45px;margin-top:65px}

/* ===========================
40. frequently-asked-question

.asked-login-area{margin-bottom:35px;margin-left:20px;margin-top:35px;padding:20px;background-color:#eefaff;color:#699eb3}
.uk-form-row{margin-top:20px}
.uk-title-text{font-weight:normal}
.asked-login-area .uk-panel-title::after{position:absolute;top:0;right:-18px;border-left:0 solid transparent;border-right:18px solid transparent;border-top:40px solid #ff2b42;content:''}
.asked-login-area .uk-panel-title{display:inline-block;position:relative;margin-left:-20px;padding:11px 12px 10px 20px;background-color:#ff2b42;color:#fff}
.asked-login-area .uk-panel-title .uk-title-text .tfw{font-weight:700}
.uk-form input[type=text],.uk-form input[type=password]{width:100%;height:30px;padding:4px 6px;border:1px solid #ddd;background:#fff none repeat scroll 0 0;color:#444;transition:all .2s linear 0}
.uk-form input[type=checkbox]{max-width:100%;height:30px;margin-top:-2px;padding:4px 6px;border:1px solid #ddd;background:#fff none repeat scroll 0 0;color:#444;transition:all .2s linear 0}
.uk-button-primary{margin-bottom:25px;padding:8px 12px;border:medium none;background-color:#ff2b42;color:#fff}
.uk-list.uk-margin-bottom-remove a{font-family:open sans;line-height:24px;color:#ff2b42;transition:all .3s ease 0}
.uk-list.uk-margin-bottom-remove a:hover{text-decoration:underline}
.asked-border{border-left:1px solid #ddd}
==============================*/
.content-asked .nav-tabs > li.active > a,.content-asked .nav-tabs > li.active > a:focus,.content-asked .nav-tabs > li.active > a:hover{border-bottom:3px solid #555;color:#555;cursor:pointer}
.content-asked{margin-top:38px}
.content-asked ul#tabs{margin-bottom:42px}
.content-asked ul#tabs li{float:left;border-bottom:3px solid #eee}
.content-asked ul#tabs li a:hover{background:#fff}
.content-asked ul#tabs li.active{float:left;border-bottom:3px solid #555;background:transparent}
.content-asked ul#tabs li a{font-size:16px;font-weight:bold}
.content-asked ul#tabs li a:hover,.content-asked ul#tabs li.active a{background:transparent;color:#0064b6;}
.asked-tab ul li{margin-left:-15px}
.asked-tab ul li h4 a{font-size:18px;color:#333;/*font-family: open sans; font-weight: normal;*/}
.asked-tab ul li h4 a i{margin-right:10px}
.asked-tab .panel-body{/*font-family: open sans;font-size: 14px;line-height: 20px;*/padding-bottom:15px;padding-left:45px;padding-top:15px;line-height:1.7}
.asked-tab .panel-body ul li:before{padding:0 5px;color:#0064b2;content:'\002D'}
.asked-tab .panel-body ul li img{padding:5px;text-align:right;vertical-align:top}


/* ===========================
41. photo gallery2
==============================*/
.photo-glarry-area{margin-top:3%}
.photo-glarry2{overflow:hidden;width:100%;margin-left:-1%;}
.photo-glarry-box{float:left;position:relative;width:49%;height:100%;margin-bottom:.8%;margin-left:1%}
.photo-glarry-box img{width:100%}
.photo-glarry-box:hover .photo-glarry-link{opacity:1}
.photo-glarry2 .photo-glarry-box:hover .photo-glarry-link a.search{top:35%}
.photo-glarry-area6 .photo-glarry-link a.search{top:50% !important;margin-top:-25px}
.photo-glarry-box:hover .photo-glarry-link a.search{top:20%}
.photo-glarry-link{position:absolute;left:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3) none repeat scroll 0 0;text-align:center;transition:all .4s linear 0;opacity:0}
.photo-glarry-link a{display:inline-block;position:relative;width:50px;height:50px;border-radius:100%;background-color:rgba(255,255,255,0.5)}
.photo-glarry-link a.search{top:30%;background-color:rgba(255,255,255,0.5);opacity:1;transition:all 300ms ease-in-out 0}
.photo-glarry-area6 .photo-glarry-link a.search{top:20%;background-color:rgba(255,255,255,0.5);opacity:1;transition:all 300ms ease-in-out 0}
.photo-glarry-link a::after{display:block;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(255,255,255,0.38);border-radius:50%;content:'';opacity:1;transition:opacity 0 ease 0s,transform 0 ease 0s,border 0 ease 0}
.photo-glarry-link a:hover::after{visibility:visible;opacity:0;transform:scale(1.3);transition-duration:.5s}
.photo-glarry-link a i{line-height:50px;color:#fff}
.photo-glarry-box p{padding-top:5px;padding-bottom:15px;font-size:15px;text-align:center}

/* ===========================
42. photo gallery3
==============================*/
.photo-glarry-area3{}
.photo-glarry-area3 .photo-glarry-box{width:32.3%}
.photo-glarry-area3 .photo-glarry-box:hover .photo-glarry-link,.photo-glarry-area6 .photo-glarry-box:hover .photo-glarry-link{width:100%;opacity:1}
.photo-glarry-area3 .photo-glarry-box:hover .photo-glarry-link a.search{top:30%}
.photo-glarry-area3 .photo-glarry-link,.photo-glarry-area6 .photo-glarry-link{position:absolute;left:0;bottom:0;width:0;height:100%;background:rgba(0, 0, 0, 0.3) none repeat scroll 0 0;text-align:center;opacity:0;transition:all .4s linear 0}

/* ===========================
43. photo gallery4
.photo-glarry-area4 .photo-glarry-box{width:24%}
.photo-glarry-area4 .photo-glarry-link{height:0}
.photo-glarry-area4 .photo-glarry-box:hover .photo-glarry-link{height:100%}
.photo-glarry-area4 .photo-glarry-box:hover .photo-glarry-link a.search{top:-25%}
.photo-glarry-area4 .photo-glarry-box:hover .photo-glarry-link a.search{top:45%;margin:-25px 0 0 !important}
==============================*/

/* ===========================
44. photo gallery5
.photo-glarry-area5{width:91.5%;margin:0 auto}
.photo-glarry-area5 .photo-glarry-box{width:19.8%}
.photo-glarry-area5 .photo-glarry-box{margin-left:.2%}
.photo-glarry-area5 .demand-box:hover .image-link a.search{top:25%;opacity:1}
==============================*/

/* ===========================
45. photo gallery6
.photo-glarry-area6{width:91.5%;margin:0 auto}
.photo-glarry-area6 .photo-glarry-box{width:15.6%}
==============================*/

/* ===========================
46. photo gallery7
.contact-main-area{display:block;overflow:hidden;margin-top:40px;padding:45px 30px;border:1px solid #ddd}
.contact-form-aream{}
.contact-form-aream label{display:block;margin-bottom:8px;font-family:open sans;font-size:14px;font-weight:normal}
.contact-form-aream .control-group > input{width:100%;height:40px;margin-bottom:20px;padding-left:15px}
.contact-form-aream .contact-border{float:right;width:150px !important;transition:all 300ms ease-in-out 0}
.contact-form-aream .contact-border:hover{background:#FF2B42;color:#fff}
.contact-form-aream textarea{width:100%;height:200px;margin-bottom:15px;padding:15px;resize:none}
.contact-title{margin-bottom:25px;text-align:center}
.contact-title h2{font-size:24px;font-weight:bold !important;line-height:24px;color:#666 !important}
.contact-title span{display:block;position:relative;width:100%;height:100%}
.contact-title span:after{position:absolute;top:60%;left:33%;z-index:-1;width:350px;height:1px;background:#ddd none repeat scroll 0 0;content:''}
.contact-title span i{padding:0 15px;background:#fff none repeat scroll 0 0;font-size:11px;color:#ccc}
==============================*/
.main-contact{}
.company-location{background:#3394d9 none repeat scroll 0 0}
.locatopn-inner{padding:43px 35px}
.location-box:last-child{margin-bottom:0}
.location-box{margin-bottom:65px}
.company-loc-icon{float:left}
.company-loc-icon i{font-size:36px;color:#fff}
.company-loc-text{margin-left:56px}
.company-loc-text h3{margin-bottom:15px;font-size:16px;font-weight:500;color:#fff!important}
.company-loc-text p,.company-loc-text p a{/*font-family:open sans;*/color:#fff}


/* ===========================
47. blog column 2
==============================*/
.blog-column-area{padding:35px 0}
.blog-column-menu{margin-bottom:40px}
.blog-column-menu ul{}
.blog-column-menu ul li{display:inline-block;margin-right:8px;padding:10px 17px;border:1px solid #ececec;font-size:12px;color:#888;cursor:pointer;transition:all .3s ease 0}
.blog-column-menu ul li.active,.blog-column-menu ul li:hover{background:#ff2b42 none repeat scroll 0 0;color:#fff}
.blog-column-content .mix{display:none}
.single-blog-column{overflow:hidden;margin-bottom:40px}
.blog-column-img{}
.blog-column-img a{display:block;overflow:hidden;position:relative;z-index:1}
.blog-column-photo{}
.blog-column-photo img{width:100%}
.blog-column-view{position:absolute;left:0;bottom:-80px;width:100%;background-color:rgba(24,22,22,0.7);transition:all .3s ease 0}
.blog-column-view span{display:block;padding:30px 0;color:#fff;letter-spacing:3px;text-align:center}
.blog-column-img a:hover .blog-column-view{bottom:0}
a.blog-column-title{display:block;margin-top:17px;font:400 18px/30px 'Open Sans',sans-serif;color:#444}
a.blog-column-title:hover{color:#787878}
.column-date-meta{}
.column-date-meta span{font-size:12px;color:#787878}
span.column-date{position:relative;margin-right:5px;padding-right:10px}
span.column-date::before{position:absolute;top:50%;right:0;width:2px;height:11px;background-color:rgba(0,0,0,0.1);content:'';transform:translateY(-50%)}
span.column-cat-b{color:#444}
.blog-column-desc p{margin-top:9px;margin-bottom:0;font:400 13px/18px 'Open Sans',sans-serif;color:#9b9b9b}
.blog-more{text-align:center}
.blog-more a{display:inline-block;min-width:80px;padding:0 30px;border:1px solid #dedede;font:400 12px/36px 'Open Sans',sans-serif;color:#7e7b7b;text-decoration:none;box-shadow:none;outline:0 none;transition:color .25s ease 0}
.blog-more a:hover{color:#b0b0b0}

/* ===========================
48. blog column 3
==============================*/
.blog-column-3-area{padding:35px 0}
.blog-column-3-area .blog-column-view{top:0;left:-50%;width:50%;height:100%;background-color:#282727;transition:all .3s ease 0}
.blog-column-3-area .blog-column-view span{position:relative;top:48%;padding:inherit}
.blog-column-3-area .blog-column-photo{transition:all .3s ease 0}
.blog-column-3-area .blog-column-img a:hover .blog-column-photo{transform:translateX(25%)}
.blog-column-3-area .blog-column-img a:hover .blog-column-view{left:0}
.blog-column-3-area .blog-column-menu ul li.active,.blog-column-3-area .blog-column-menu ul li:hover{background:#FF2B42 none repeat scroll 0 0;color:#fff}

/* ===========================
49. blog column 4
==============================*/
.blog-column-4-area{padding:35px 0}
.blog-column-4-area .blog-column-view{top:-100%;height:100%}
.blog-column-4-area .blog-column-img:hover .blog-column-view{top:0}
.blog-column-4-area .blog-column-view span{position:relative;top:45%;padding:inherit}
.blog-column-4-area .blog-column-menu{float:right}
.blog-column-4-area .blog-column-menu ul li{margin-left:8px;margin-right:0;padding:10px 12px}
.blog-column-4-area .blog-column-menu ul li.active,.blog-column-4-area .blog-column-menu ul li:hover{background:#FF2B42 none repeat scroll 0 0}

/* ===========================
50. blog column 5
==============================*/
.blog-column-5-area{overflow:hidden;width:90%;margin:0 auto;padding:35px 0;text-align:center}
.blog-column-5-area .blog-column-menu ul{text-align:center}
.blog-column-5-area .blog-column-menu ul li{margin:0 4px}
.blog-column-5-area .blog-column-menu ul li.active,.blog-column-5-area .blog-column-menu ul li:hover{border:1px solid #FF2B42;background:rgba(0, 0, 0, 0) none repeat scroll 0 0;color:#FF2B42}
.blog-column-5{float:left;width:20%}
.blog-column-5-area .single-blog-column{padding-left:15px}
.blog-column-5-area .blog-column-content{margin-left:-15px}
.blog-column-5-area .blog-column-view{top:0;left:0;height:100%;opacity:0}
.blog-column-5-area .blog-column-view span{position:relative;top:45%;padding:inherit}
.blog-column-5-area .blog-column-img img{transition:all .3s ease 0}
.blog-column-5-area .blog-column-img:hover .blog-column-photo img{transform:scale(1.3)}
.blog-column-5-area .blog-column-img:hover .blog-column-view{opacity:1}

/* ===========================
51. blog column 6
==============================*/
.blog-column-6-area{}
.blog-column-6-area .blog-column-5{float:left;width:16.6%}

/* ===========================
52. single blog
==============================*/
.single-blog-area{}
.single-blof-image-area{padding-right:20px;padding-top:35px}
.single-blof-image-area{position:relative;width:100%;height:100%}
.single-blof-image-area img{}
.itemtoolbar{position:absolute;bottom:0;width:97.4%;padding:20px 15px;background-color:rgba(0,0,0,0.4);font-size:12px;color:#fff;text-align:right;box-sizing:border-box;text-transform:uppercase}
.itemtoolbar p{}
.itemtoolbar p span{margin-left:20px;font-family:open sans;font-size:12px;color:#fff;text-align:right;text-transform:uppercase}
.itemtoolbar p span i{margin-right:7px;color:#ff2b42}
.itemtoolbar p span a{color:#fff}
.itemtoolbar p a.reating{margin-left:20px;color:#eee;text-transform:uppercase}
.itemtoolbar p a.reating i{margin:2px;color:#ff2b42}
.single-blog-text-area{}
.single-blog-text-area h2{margin:25px 0 17px;padding-bottom:12px;border-bottom:1px solid #eee;font-family:Raleway;font-size:25px;font-weight:400;line-height:26px;text-transform:uppercase}
.single-blog-text-area p{margin-bottom:30px;font-family:Raleway;font-size:16px;font-weight:300;line-height:26px;color:#666}
.blog-share{}
.blog-share p{}
.blog-share p a{}
.blog-share p a i{display:inline-block;width:35px;height:35px;margin-right:15px;border-radius:0;background:#eee none repeat scroll 0 0;font-size:15px;line-height:35px;color:#444;text-align:center;box-sizing:border-box}
.single-post-info{display:block;margin:30px 0 0;padding-bottom:27px;padding-top:17px;border-bottom:1px solid #eee;border-top:1px double #eee;font-size:11px;color:#333;text-align:right;text-transform:uppercase}
.single-post-info span{font-family:open sans;font-size:11px;color:#333;text-align:right;text-transform:uppercase}
.single-post-info span.read-time{}
.single-post-info span.last-modified{}
.single-blog-moretage-area{}
.single-blog-moretage-area h3{margin-bottom:25px;margin-top:45px;font-size:22px;font-weight:300}
.single-blog-moretage-area ul{margin-bottom:42px}
.single-blog-moretage-area ul li{display:inline-block;margin-bottom:8px;margin-right:5px}
.single-blog-moretage-area ul li a{display:inline-block;padding:10px 15px;border:1px solid #eee;background-color:#f1f1f1;font-family:open sans;font-size:14px;color:#666}
.blog-super-user-area{overflow:hidden;margin-bottom:45px}
.blog-super-user-area img{display:block;float:left;margin:0 25px 0 0;padding:20px 25px;border:2px solid #eee}
.blog-superuser{}
.blog-superuser h5{overflow:hidden;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #eee;font-size:18px;line-height:normal;font-weight:400;color:#353535;text-decoration:none}
.blog-superuser p{margin:15px 0 10px;font-family:open sans;font-size:14px;line-height:20px}
.blog-superuser a{font-family:open sans;font-size:15px;color:#333}
.latest-form-super-user-area{overflow:hidden}
.latest-form-user{width:47%}
.latest-form-user h3{margin-bottom:10px;font-size:22px;font-weight:300}
.latest-form-user ul{}
.latest-form-user ul li{display:block;float:none;position:relative;margin-bottom:inherit;margin-bottom:0;padding:8px 0;border-bottom:1px solid rgba(0,0,0,0.1);list-style-type:none}
.latest-form-user ul li a{border:transparent;background:transparent;transition:all .3s ease 0}
.latest-form-user ul li a:hover{color:#000}
.latest-form-user ul li a::after{position:absolute;top:18px;left:0;font-family:FontAwesome;color:#8b6f6f;content:'\f105'}
.single-blog-comment-area{}
.single-blog-comment-area h2{font-size:22px;font-weight:300;text-transform:capitalize}
.single-blog-comment-box{padding:35px 0;border-bottom:1px solid #eee}
.single-blog-comment-box img{float:left;width:48px;margin-right:20px}
.single-blog-text{overflow:hidden}
.single-blog-text h3{display:block;margin:0 0 8px;font-family:open sans;font-size:15px;font-weight:500;color:#000;text-transform:capitalize}
.single-blog-text span{display:block;margin-bottom:15px;font-size:11px;font-style:italic;color:#a5a5a5;letter-spacing:1px}
.single-blog-text p{margin-bottom:16px;font-family:open sans;font-size:14px;line-height:20px}
.single-blog-text a{font-size:13px;font-weight:bold;color:#000;letter-spacing:-1px;text-decoration:none;outline:medium none;text-transform:uppercase}
.single-blog-text a i{margin-right:5px}
.live-comment-area{}
.live-comment-area h3{font-size:22px;font-weight:500;text-transform:capitalize}
.live-comment-area p{margin-bottom:20px;margin-top:8px;color:orange}
.live-comment-area input{display:block;width:100%;height:auto;margin:0 0 10px;padding:8px 15px !important;border:medium none;border-radius:0;background-color:rgba(221,221,221,0.5);font-size:13px;color:#585858;box-sizing:border-box !important}
.live-comment-area textarea{height:160px;border-radius:0;background-color:rgba(221,221,221,0.5);resize:none}
.live-comment-area button{width:100%;margin-top:10px;border:1px solid #ff2b42;border-radius:0;background:#ff2b42 none repeat scroll 0 0;color:#fff;text-align:center;text-transform:uppercase}
.live-comment-area button:hover{border:1px solid #ff2b42;background:#ff2b42 none repeat scroll 0 0;color:#fff}
.live-comment-area a{float:right;margin-bottom:60px;margin-top:50px;color:#ff2b42}
#imaginary_container{margin-left:10px;margin-top:35px;padding:20px;background:#f5f5f5 none repeat scroll 0 0}
.stylish-input-group .input-group-addon{border-radius:0;background:#FFF none repeat scroll 0 0 !important}
.stylish-input-group .form-controls{width:100%;height:auto;margin-bottom:0;padding:10px 15px;border-color:#ccc -moz-use-text-color #ccc #ccc;border-image:none;border-radius:0;border-style:solid none solid solid;border-width:1px 0 1px 1px;font-size:14px}
.stylish-input-group button{border:0;background:transparent}
.single-blog-sidebar .blog-right-title{margin-bottom:20px}
.single-blog-sidebar .customer-care ul li a{display:block;padding:17px 15px 17px 0;font-family:open sans;color:#444;text-decoration:none;text-transform:uppercase}
.latest-post-single{overflow:hidden;margin-left:10px;padding:20px 20px 0;background:#f5f5f5 none repeat scroll 0 0}
.latest-post-single h3{margin-bottom:20px;margin-top:0;font-size:18px;font-weight:normal;line-height:24px;color:#444;text-transform:none}
.latest-post-box{overflow:hidden;margin-bottom:30px}
.latest-post-box img{float:left;width:100px;height:90px;margin-right:20px}
.latest-post-details{}
.latest-post-details h5{margin-bottom:5px;font-size:14px;font-weight:400;line-height:20px;color:#4a4a4a;text-decoration:none !important;text-transform:uppercase}
.latest-post-details span{font-family:open sans;font-size:11px}
.latest-post-details span i{}
.flickr-widget-sidebar{overflow:hidden;margin-left:10px;margin-top:30px;padding:20px;background:#f5f5f5 none repeat scroll 0 0}
.flickr-widget-sidebar h3{margin-bottom:25px;font-size:18px;font-weight:300;line-height:20px}
.flickr-widget-sidebar .flickr_feed a{width:23.3%;border-radius:3px}
.blog-sidebar-form h3{font-size:18px;font-weight:400;line-height:22px;color:#000}
.blog-sidebar-form label{margin-bottom:6px;font-family:open sans;font-size:14px;font-weight:300;line-height:18px;color:#333}
.blog-sidebar-form .uk-form input[type=text],.uk-form input[type=password]{height:40px}
.blog-sidebar-form .asked-login-area{background-color:#f5f5f5;color:#666}
.blog-sidebar-form .uk-list.uk-margin-bottom-remove a{font-size:12px;line-height:16px;color:#999;transition:all .3s ease 0}
.blog-sidebar-form .uk-list.uk-margin-bottom-remove a:hover{color:#444;text-decoration:none}
.blog-sidebar-form .uk-button-primary{padding:12px}
.blog-sidebar-form .uk-list.uk-margin-bottom-remove > li{padding:3px 0}
.blog-sidebar-form .uk-list.uk-margin-bottom-remove li i{margin-right:5px;font-size:12px;color:#444}

/* ===========================
53. portfolio column 2
==============================*/
.portfolio-column-area{padding:35px 0 20px}
.single-portfolio-column{margin-bottom:15px}
.portfolio-column-img{}
.portfolio-column-img a{display:block;overflow:hidden;position:relative;z-index:1}
.portfolio-column-photo{position:relative;top:0;left:0;transition:all .3s ease 0}
.portfolio-column-photo img{}
.portfolio-column-view{position:absolute;left:0;bottom:-58px;width:100%;height:60px;background:#282727 none repeat scroll 0 0;color:#fff;opacity:0;transition:all .3s ease 0}
.portfolio-column-img a:hover .portfolio-column-photo{top:-58px}
.portfolio-column-img a:hover .portfolio-column-view{bottom:0;opacity:1}
.portfolio-column-text{padding:12px 30px}
.portfolio-column-text h4{margin:0 0 5px;font-family:inherit;font-weight:300;font-size:16px;color:#fff!important}
.portfolio-column-text p{margin-bottom:0;font-size:12px;color:#aaa}
.portfolio-column-menu{margin-bottom:45px}
.portfolio-column-menu ul{text-align:center}
.portfolio-column-menu ul li{display:inline-block;overflow:visible;position:relative;margin:0 0 10px;padding:0 12px;font-size:13px;color:#949494;cursor:pointer;transition:all .3s ease-in-out 0}
.portfolio-column-menu ul li:before{position:absolute;top:0;right:-2px;content:'|'}
.portfolio-column-menu ul li:last-child:before{display:none}
.portfolio-column-menu ul li.active,.portfolio-column-menu ul li:hover{color:#2d2c2c}
.portfolio-column-content .mix{display:none}
.masonari-after .portfolio-column-menu ul li::before{display:none;position:absolute;top:0;right:-2px;content:'|'}

/* ===========================
54. portfolio column 3
==============================*/
.portfolio-column-3-area{padding:35px 0 20px}
.portfolio-column-3-area .portfolio-column-menu ul li::before{display:none}
.portfolio-column-3-area .portfolio-column-menu ul li{display:inline-block;float:left;padding:6px 12px;border:1px solid #ff2b42;border-right:0;color:#585252}
.portfolio-column-3-area .portfolio-column-menu ul li:last-child{border-right:1px solid #ff2b42}
.portfolio-column-3-area .portfolio-column-menu ul li.active{background:#ff2b42;color:#fff}
.portfolio-column-3-area .portfolio-column-menu{overflow:hidden;margin-bottom:30px}

/* ===========================
55. portfolio column 4
==============================*/
.portfolio-column-4-area{padding:35px 0 20px}
.portfolio-column-4-area .portfolio-column-img a:hover .portfolio-column-photo{top:0}
.portfolio-column-4-area .portfolio-column-view{top:0;left:-100%;height:100%;background:#ff2b42;opacity:1}
.portfolio-column-4-area .portfolio-column-text{padding:30px 30px 12px}
.portfolio-column-4-area .portfolio-column-img a:hover .portfolio-column-view{left:0;text-align:right;transform:translateX(-20%) skewX(-13deg) !important}
.portfolio-column-4-area .portfolio-column-text h4{font-size:15px;line-height:20px}
.portfolio-column-4-area .portfolio-column-menu ul li::before{display:none}
.portfolio-column-4-area .portfolio-column-menu ul li{padding:9px 16px;color:#888}
.portfolio-column-4-area .portfolio-column-menu ul li.active{background:#ff2b42;color:#fff}

/* ===========================
56. portfolio column 5
==============================*/
.portfolio-column-5-area{padding-bottom:20px;padding-top:35px}
.portfolio-five-column{overflow:hidden;width:90%;margin:0 auto !important}
.portfolio-five-column .single-awesome-portfolio{width:20%}
.portfolio-column-5-area .awesome-portfolio-menu ul li.active,.awesome-portfolio-menu ul li:hover{border-color:#ff2b42;color:#ff2b42}
.portfolio-column-5-area .single-awesome-portfolio{overflow:hidden;margin-bottom:15px;padding-left:15px}
.portfolio-column-5-area .portfolio-column-content{margin-left:-15px}
.portfolio-column-5-area .awesome-portfolio-menu{margin-top:0}
.portfolio-column-5-area .awesome-info h3{font-family:inherit;color:#fff}

/* ===========================
57. portfolio column 6
==============================*/
.portfolio-column-6-area{}
.portfolio-column-6-area .single-awesome-portfolio{width:16.664%}
.portfolio-column-6-area .single-awesome-portfolio a:hover .awesome-img{transform:translateY(-100%)}
.portfolio-column-6-area .awesome-portfolio-menu ul li.active{background:#FF2B42 none repeat scroll 0 0;color:#fff}
.portfolio-column-6-area .awesome-portfolio-menu ul li:hover{border:1px solid #FF2B42}
.portfolio-column-6-area .awesome-portfolio-menu ul{text-align:right}
.portfolio-column-6-area .awesome-portfolio-menu{width:95.1%}
.masonari-menu{overflow:hidden}
.masonari{float:left}
.masonari ul li{padding:10px 12px;border:1px solid #949494}
.portfolio-grid{}
.portfolio-grid .portfolio-item{margin-bottom:25px}
.portfolio-grid .portfolio-item img{width:100%}
.portfolio-grid .portfolio-column-menu ul,.portfolio-grid3 .portfolio-column-menu ul{float:left;margin-bottom:25px;padding-top:5px;border:1px solid #ccc;text-transform:uppercase}
.portfolio-grid .portfolio-column-menu ul li::before{display:none}
.portfolio-grid .portfolio-title a,.portfolio-grid3 .portfolio-title a{font-weight:300;color:#fff}
.portfolio-grid3{}
.portfolio-grid3 .portfolio-item{margin-bottom:25px}
.portfolio-grid4{overflow:hidden}
.portfolio-grid4 .portfolio-column-menu{float:left;margin-bottom:-10px;margin-top:60px}
.portfolio-grid4 .portfolio-column-menu ul li::before{display:none}
.portfolio-grid4 .portfolio-column-menu ul li{position:relative;height:100%;margin-right:10px;padding-bottom:7px;padding-left:0;font-size:14px;font-weight:500;color:#000;text-transform:uppercase}
.portfolio-grid4 .portfolio-column-menu ul li:after{position:absolute;top:100%;left:0;width:0;height:2px;background:#333;content:'';transition:all .6s ease 0}
.portfolio-grid4 .portfolio-column-menu ul li:hover:after,.portfolio-grid6 .portfolio-column-menu ul li:hover:after,.portfolio-grid4 .portfolio-column-menu ul li.active:after,.portfolio-grid6 .portfolio-column-menu ul li.active:after{width:100%}
.photo-glarry-text{position:absolute;bottom:10px;z-index:2;text-align:center}
.photo-glarry-text > p{margin-left:10%;font-size:11px;line-height:11px;color:rgba(255,255,255,0.5) !important;text-transform:uppercase}
.photo-glarry-text > h3{margin-bottom:4px;margin-left:15%;font-weight:700 !important;color:#fff !important}
.portfolio-grid4 .photo-glarry-box:hover .photo-glarry-link{height:100%}
.portfolio-grid4 .photo-glarry-link{height:100%}
.portfolio-grid4 .portfolio-grid-link{top:40px}
.portfolio-grid5 .photo-glarry2{overflow:hidden;width:90%;margin:35px auto 0;padding-bottom:45px}
.photo-glarry-area5 .photo-glarry-box{width:20%;margin:0}
.portfolio-grid5 .portfolio-column-menu{float:none}
.portfolio-grid5 .photo-glarry-text > h3{margin-left:0}
.portfolio-grid5 .portfolio-grid-link{top:10%}
.photo-glarry-area5 .photo-glarry-box:hover .photo-glarry-link a.search{top:11%;margin:0}
.photo-glarry-area6 .portfolio-title h3{display:none;width:130px}
.photo-glarry-area5 .photo-glarry-text > p{color:#fff !important}
.portfolio-grid5 .photo-glarry-text{margin-bottom:10px;margin-left:0}
.portfolio-grid5 .photo-glarry-text > p{margin-left:0}
.portfolio-grid6 .photo-glarry-box{width:15.6%!important}
.portfolio-grid6 .portfolio-title a{font-size:18px;font-weight:normal;color:#fff}
.portfolio-grid6 .portfolio-title h3{width:130px}
.portfolio-grid6 .portfolio-column-menu{float:none;width:60%;margin:85px auto -10px;padding-top:15px;border:1px solid #ccc}
.showcase{}
.showcase .portfolio-column-5-area .portfolio-column-content{margin-left:inherit}
.showcase .portfolio-five-column{overflow:hidden;width:100%;margin:inherit}
.showcase .single-awesome-portfolio{width:25%!important}
.showcase .awesome-portfolio-menu{width:100%}
.showcase .awesome-info h3{font-weight:normal}
.showcase-nolink{display:block;position:relative}
.portfolio-column-6-area .single-awesome-portfolio .showcase-nolink:hover:hover .awesome-img{transform:translateY(-100%)}
.showcase h3.showcase-slide-title{margin-bottom:60px;font-family:open sans;font-size:14px;font-weight:normal;color:#999;text-transform:uppercase}
.showcase-slider .single-awesome-portfolio{width:100%!important}

/* ===========================
58. product page
==============================*/
.product-area{padding:50px 0}
.product-photo{}
.product-left{float:left;width:14%;margin-right:12px}
.product-left span{display:block;margin-bottom:12px}
.product-left span a{}
.product-right{overflow:hidden}
.product-right a{}
.product-desc{}
.product-desc h3{margin-bottom:10px;margin-top:35px;font-size:24px;font-weight:700;line-height:24px}
.product-desc>span{font-size:12px;font-family:open sans;color:#888}
.product-price-full{margin-top:15px}
.product-price-full span{}
.product-price-full span.p-price-full{font-family:open sans;font-size:18px;font-weight:700}
.product-price-full span.p-price-eace{}
.product-price-full span.p-price-g{display:block;margin-top:5px;font-family:open sans}
.product-rating-full{margin:15px 0}
.product-rating-full a{}
.product-rating-full a i{color:#FF2B42}
.product-rating-full span{}
.color-size{margin-top:40px}
.color-size-list{float:left;width:140px;margin-right:10px}
.color-size-list h4{margin-bottom:15px;font-family:open sans;font-size:14px !important;color:#666}
ul.color-s-menu{background:#fff}
ul.color-s-menu li{position:relative}
ul.color-s-menu li a{display:block;padding:10px 15px;border:1px solid #ccc;font-family:open sans;font-size:14px;font-weight:700;color:#444;text-decoration:none}
ul.color-s-menu li a:hover{background:#FF2B42;color:#fff}
ul.color-s-menu li ul{position:absolute;top:130%;z-index:-99;width:100%;background:#fff;opacity:0;transition:all .3s ease 0}
ul.color-s-menu li:hover ul{top:100%;z-index:999;opacity:1}
ul.color-s-menu li ul li{}
ul.color-s-menu li ul li a{padding:8px;border:0;border-bottom:1px solid #aaa;border-left:1px solid #aaa;border-right:1px solid #aaa}
.contact-us-for-more{margin-top:20px}
.contact-us-for-more a{display:inline-block;height:30px;padding:8px 20px;background-color:#eee;font-family:open sans;font-size:14px;color:#444 !important;text-decoration:none}
.contact-us-for-more a:hover{background:#D5D5D5}
.clear{clear:both}
.no-stock{margin-top:35px}
.no-stock span{font-family:open sans;font-size:15px}
.number-select{margin-top:40px}
.number-select input[type=number]{width:54px;height:40px;margin-right:15px;border:1px solid #aaa;text-align:center}
.number-select input[type=button]{height:40px;padding:0 15px;border:medium none;background:#ff2b42 none repeat scroll 0 0;font-family:open sans;font-size:14px;color:#fff;text-transform:uppercase;transition:all .3s ease 0}
.number-select input[type=button]:hover{background:#f5001d}
.product-tab{margin-top:30px}
.product-tab ul.nav.nav-tabs{margin-bottom:30px}
.product-tab ul{border:medium none}
.product-tab ul li{margin-right:15px}
.product-tab ul li.active a{border:medium none}
.product-tab ul li a{position:relative;padding-left:0;padding-right:0;padding-top:0;border:0 none;font-family:open sans;font-size:15px;color:#444 !important;text-transform:uppercase}
.product-tab .nav > li > a:focus,.product-tab .nav > li > a:hover{border:medium none;background-color:inherit;text-decoration:none}
.product-tab .nav-tabs > li > a:hover{border:0 none}
.product-tab ul li a:after{position:absolute;left:0;bottom:0;width:0;height:1px;background:#000 none repeat scroll 0 0;content:'';transition:all .3s ease-in-out 0}
.product-tab ul li a:hover:after{width:40px}
.product-tab ul li.active a:after{width:100%}
ul.desc-tav-p{margin-left:35px;margin-top:25px;padding:inherit;list-style:inside none disc}
ul.desc-tav-p li{position:relative;padding:3px 0;font-family:open sans;font-size:15px;line-height:18px;color:#666}
ul.desc-tav-p li:after{position:absolute;top:9px;left:-20px;width:7px;height:7px;border-radius:100%;background:#000 none repeat scroll 0 0;content:''}
.product-tab-content{}
.product-tab-content p{font-family:open sans;font-size:15px;line-height:20px;color:#666}
.speci-content{}
.speci-content p{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0;font-family:open sans;font-size:14px}
.speci-content p:last-child{border-bottom:0}
.speci-content p a{color:#FF2B42}
.tab-comments{overflow:hidden;margin-bottom:15px;padding:30px;border:1px solid #aaa}
.tab-admin{float:left;width:25%}
.tab-admin h4{margin-bottom:20px;font-size:15px;font-weight:700;color:#444;text-transform:uppercase}
.tab-admin span{font-family:open sans;color:#999}
.tab-p-rating{float:left;width:25%;text-align:center}
.tab-p-rating a{}
.tab-p-rating a i{color:#FF2B42}
.list-note{float:left;width:25%;text-align:center}
.list-note span{font-family:open sans;color:#999}
.like-icon-tab{float:right;width:25%;text-align:right}
span.like-button{}
span.like-button i{font-size:16px;color:#FF2B42}
span.dislike-button{margin-left:10px}
span.dislike-button i{font-size:16px;color:#D14233}
span.list-comments{display:block;margin-bottom:30px;font-size:15px;font-weight:700;color:#444}
.comments-text-p{display:block;float:left;margin-top:20px}
.comments-text-p p{margin-bottom:0;font-family:open sans;font-size:15px;line-height:20px}
.result-comments{text-align:center}
.result-comments p{margin:0;font-family:open sans;color:#999}
.related-product-list-title{margin-top:100px}
.related-product-list-title h3{margin-bottom:35px;padding-bottom:10px;border-bottom:1px solid #ddd;border-color:#f0f0f0 #f0f0f0 #ddd;font-size:18px;font-weight:500;color:#444;text-transform:uppercase}
.product-area .shop-pagination{margin-top:50px}
body.pages .features-area{padding:120px 0;background:#FCFCFC}
.single-features{}
.features-img{overflow:hidden;position:relative}
.features-img span{position:absolute;top:0;left:0;width:55px;height:30px;padding-top:10px;background:#ff2b42 none repeat scroll 0 0;font-family:open sans;font-size:11px;font-weight:700;color:#fff;text-align:center}
.features-img input[type=button]{position:absolute;left:0;bottom:-30px;z-index:-9;width:100%;height:40px;margin:0;border:medium none;background:#FF2B42 none repeat scroll 0 0;font-size:12px;line-height:36px;color:#fff;text-transform:uppercase;transition:all .4s ease 0;opacity:0}
.single-features:hover .features-img input,.single-features:hover .shop-img a i [type=button]{bottom:0;z-index:9;opacity:1}
.features-img a i{}
.features-info{padding:15px;background:#fff;text-align:center}
.features-info h2{margin-bottom:3px}
.features-info h2 a{display:block;font-family:open sans;font-size:16px;font-weight:bold;color:#666;text-decoration:none}
.features-info h2 a:hover,.features-info p a:hover{color:#000}
.features-info p{margin-bottom:8px}
.features-info p a{font-size:11px;font-weight:bold;color:#999;text-decoration:none;text-transform:uppercase}
.features-info h3{margin-bottom:5px;font-size:13px;font-weight:700;color:#666}
.features-info h3 span{font-family:open sans;font-size:15px}
.fea-rating{}
.fea-rating a{}
.fea-rating a i{color:#FF2B42}
.fea-rating span{font-family:open sans;color:#666}
ul.desc-tav-p{margin-left:35px;margin-top:25px;padding:inherit;list-style:inside none disc}
.shop-banner #particles-js{width:100%;height:275px;background:rgba(0, 0, 0, 0) url(img/product/shop01.jpg) repeat scroll 0 0}
.single-shop:hover .button-shop{bottom:0}
.shop-pagination{overflow:hidden;padding:40px 0;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.pagination-shop{float:left}
.pagination-shop ul{}
.pagination-shop ul li.display{padding-right:10px;font-family:open sans}
.pagination-shop ul li.page-one{padding-left:10px;font-family:open sans}
.pagination-shop ul li{display:inline-block}
.pagination-shop ul li a{border:1px solid #f0f0f0}
.pagination-shop ul li a{display:inline-block;height:40px;padding:0 15px;border:1px solid #f0f0f0;font-family:open sans;font-weight:700;line-height:40px;color:#888;text-decoration:none;vertical-align:middle;box-sizing:border-box}
.page-right{float:right;margin-top:8px;font-family:open sans}

/* ===========================
59. shop page
==============================*/
.shop-area{padding-bottom:35px;padding-top:60px}
.single-shop{margin-bottom:35px}
.shop-img input[type=button]{position:absolute;bottom:0;z-index:99;width:85%;opacity:1}
.shop-img a i{}
.button-shop input{}
.button-shop a{}
.button-shop{position:absolute;bottom:-40px;width:100%;transition:all .3s ease 0}
.button-shop a i{float:right;position:absolute;right:0;bottom:0;width:15%;height:40px;padding-top:10px;border-left:1px solid #fff;background:#FF2B42 none repeat scroll 0 0;font-size:18px;color:#fff;text-align:center;opacity:1}
.single-shop:hover .button-shop{bottom:0}
.shop-pagination{overflow:hidden;padding:40px 0;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.pagination-shop{float:left}
.pagination-shop ul{}
.pagination-shop ul li.display{padding-right:10px}
.pagination-shop ul li.page-one{padding-left:10px}
.pagination-shop ul li{display:inline-block}
.pagination-shop ul li a{display:inline-block;height:40px;padding:0 15px;border:1px solid #f0f0f0;line-height:35px;font-weight:700;color:#888;text-decoration:none;vertical-align:middle;box-sizing:border-box}
.pagination-shop ul li a:hover{color:#444}
.page-right{float:right;margin-top:8px}
.page-right p{}
.pagination-bottom{margin-bottom:25px;padding-top:20px;text-align:center}
.pagination-bottom a{font-size:12px;color:#e5e5e5;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}
.pagination-bottom a:hover{color:#888}

/* ===========================
60. checkout & cart page
==============================*/
.checkout-area{padding:50px 0}
.checkout-content{}
.checkout-content table{text-align:center}
.checkout-content thead{}
.checkout-content thead th{text-align:center}
.checkout-content thead tr{font-weight:bold;font-size:14px;color:#555;text-transform:uppercase}
.checkout-content thead tr th,.checkout-content table td{margin:0;padding:15px 20px !important;border:1px solid #f0f0f0 !important;background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important}
.checkout-content thead tr th.cart-img-title,.checkout-content table tr td.cart_product_image_value{width:15%}
.checkout-content thead tr th.cart-pro-name{}
.checkout-content thead tr th.cart-pro-price{}
.checkout-content thead tr th.cart-pro-quantity{}
.checkout-content thead tr th.cart-pro-total-price{}
.checkout-content table tr.table-row1:hover{background:#F8F8F8}
.checkout-content table tr.table-row2:hover{background:#F8F8F8}
.checkout-content table tr td.cart_product_image_value{font-family:open sans;vertical-align:middle}
.checkout-content table tr td.cart_product_name_value{}
.checkout-content table tr td.cart_product_price_value{}
.checkout-content table tr td.cart_product_quantity_value{}
.checkout-content table tr td.cart_product_total_value{}
tr.table-row3 td.cart_empty_footer{border-bottom:0 none !important;border-left:0 none !important}
tr.table-row3 td.cart_final_total_title{font-weight:700;text-transform:uppercase}
tr.table-row3 td.cart_total_value{font-family:open sans;font-size:15px;font-weight:700;text-transform:uppercase}
.pro-photo-checkout > img{width:100%}
p.cart_product_name{}
p.cart_product_name a{display:block;margin-top:55%;font-family:open sans;font-size:15px;font-weight:700;color:#666;text-decoration:none}
p.cart_product_name a span{display:block;font-size:14px;font-weight:400;color:#999 !important}
span.product_price{font-family:open sans;font-size:15px;font-weight:700;color:#444}
p.cart_product_name a:hover{color:#000}
.product-quantity-t{}
.product-quantity-t input[type=text]{width:50px;height:35px;border:1px solid #aaa;text-align:center}
.product-quantity-t a{}
.product-quantity-t a i{margin-left:5px;font-size:17px;color:#444}
.convert-cart{margin-top:30px;padding-bottom:40px;border-bottom:1px solid #ddd}
.convert-cart input[type=button]{padding:6px 15px;border:medium none;border-radius:2px;background:#ff2b42 none repeat scroll 0 0;font-family:open sans;font-size:15px;color:#fff;text-transform:uppercase}
.convert-cart input[type=button]:hover,.add-wishlist input[type=button]:hover{background:#f5001d}
.convert-cart p{margin-top:30px}
.convert-cart p span{padding:1px 5px;border-radius:8px;background:#2bcdc1 none repeat scroll 0 0;color:#fff}
span.cart-bottom-link a{color:#999;text-decoration:none}
span.cart-bottom-link{display:block;margin-top:20px;text-align:center}
span.cart-bottom-link a:hover{color:#444}
.add-delete{}
.add-delete i{font-size:17px;color:#444}
.checkout-content table .cart_product_no{}
.cart_empty_total{font-weight:700}
.add-wishlist{}
.add-wishlist input[type=button]{padding:6px 10px;border:medium none;border-radius:2px;background:#ff2b42 none repeat scroll 0 0;font-family:open sans;font-weight:400;font-size:15px;color:#fff;text-transform:uppercase}
.cart-search{margin-bottom:20px;padding:20px 0;border:1px solid #ddd;background:#f5f5f5 none repeat scroll 0 0;text-align:center}
.cart-search p{display:inline-block;margin-bottom:0;margin-right:15px;font-family:open sans;font-weight:700}
.cart-search input[type=text]{width:200px;height:30px;padding-left:10px;border:1px solid #ccc}
.cart-search:hover{background:#ddd}
.wish-cart-title h3{font-size:18px;font-weight:300}
.wish-cart-icon{margin-bottom:10px;text-align:right}
.wish-cart-icon a{}
.wish-cart-icon a i{width:45px;height:45px;padding-top:11px;border:1px solid #999;font-size:20px;color:#999;text-align:center}
.wish-m{padding:15px 0}
.ui-widget-content{border:1px solid #ff2b42;border-radius:10px;background:transparent none repeat scroll 0 0;color:#222}
.ui-slider{position:relative;text-align:left}
.ui-slider-horizontal{height:.8em}
.ui-slider .ui-slider-range{display:block;position:absolute;z-index:1;border:0 none;background-position:0 0;font-size:.7em}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-widget-header{border:1px solid #fe5b5a;background:#fe5b5a none repeat scroll 0 0;font-weight:bold;color:#fe5b5a}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}
.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:4px solid #FF2B42;border-radius:100%;background:#FF2B42 none repeat scroll 0 0;font-weight:normal;color:#bcbcbc;transition:all .3s ease 0}
.price-range label{margin-bottom:15px;margin-top:15px}
.shop-categori-sidebar{padding:20px;background:#f5f5f5 none repeat scroll 0 0;color:#444}
#amount{border:0 none;background:#f5f5f5 none repeat scroll 0 0;font-family:open sans;font-weight:bold;color:#ff2b42}
.shop-categoti-sidebar{}
.shop-categoti-sidebar .color-size-list{float:left;width:100%;margin-right:10px;margin-top:30px}
.shop-categori-brand{clear:both;padding-top:33px}
.shop-categori-brand h4{margin-bottom:15px;font-family:open sans;font-size:14px !important;color:#666}
.shop-categori-brand ul{overflow:hidden;margin-bottom:23px}
.shop-categori-brand ul li{float:left;margin-bottom:1px;margin-right:1px;padding:7px 10px;background:rgba(0, 0, 0, 0.05) none repeat scroll 0 0}
.shop-categori-brand ul li:hover{background-color:rgba(0,0,0,0.1);color:#444}
.shop-categori-brand ul li a{font-family:open sans;color:#444}
.shop-categori-brand > input{margin-right:5px;margin-top:-4px}
.shop-categori-reset{margin-top:85px;padding-bottom:22px}
.shop-categori-reset p{float:right}
.shop-categori-reset p a{margin-left:15px;padding:4px 10px;border-radius:2px;background:#ff2b42 none repeat scroll 0 0;font-family:open sans;font-size:15px;color:#fff;text-transform:uppercase}
.shop-categori-reset p a:hover{background:#F5001D none repeat scroll 0 0}
.kiron-404-area h2{padding-bottom:15px;border-bottom:1px solid #ccc;font-family:open sans;font-size:36px}
.kiron-404-area p{margin-top:35px;font-family:open sans}
.search .form-control.input-sm{float:left;width:80%;height:50px;border-radius:0;font-size:14px}
.search button{height:50px;padding:10px 45px;border-radius:0;background:#303030 none repeat scroll 0 0;font-size:20px}
.search button:hover{border:1px solid#FF2B42;background:#FF2B42}
.search .form-control:focus{border-color:#ff2b42;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6);outline:0 none}
.search{width:35%;margin:35px auto}
.gallery-page-4 .portfolio-grid-link{top:35%}
.gallery-page-4 .photo-glarry-box:hover .photo-glarry-link a.search{top:35%;margin:0}
.logo img{width:100%}

/* 2016-08-17 Add by DesignHaru
14px / 1.7143;
*/
.txt-pdg p{padding:7px 0;line-height:1.7143em;}
.content-ceo .nav-tabs > li.active > a,.content-ceo .nav-tabs > li.active > a:focus,.content-ceo .nav-tabs > li.active > a:hover{border-bottom:3px solid #555;color:#555;cursor:pointer}
.content-ceo{}
.content-ceo ul#tabs{margin-bottom:2%}
.content-ceo ul#tabs li{float:left;margin-right:2px;border:1px solid #eee}
.content-ceo ul#tabs li a:hover{background:#fff}
.content-ceo ul#tabs li.active{float:left;border:1px solid #555;background:transparent}
.content-ceo ul#tabs li a{padding-right:3em;padding-left:3em;font-size:14px;font-weight:bold}
.bg-ceo{background:url('../img/sub/img_ceo_history_01.jpg') no-repeat 90% top}

.ceo-history{margin-top:35px;margin-bottom:20px}
.ceo-history dt{margin-top:15px;margin-bottom:3px}
.ceo-history dd{padding:4px 0}
.ceo-history dd small{color:#888}

.about-overview-text h2{position:relative;padding-bottom:15px;font-size:36px;line-height:60px;font-weight:300;color:#444;text-transform:none}
.about-overview-text h2:after{display:block;position:absolute;width:20px;height:1px;background:#ccc;content:''}
.about-overview-text h6{margin-top:5px;margin-bottom:20px;font-size:18px;font-weight:bold;line-height:1.714}
.about-overview-text p{margin-bottom:10px;line-height:1.714}
.about-ci-content .etc .col-xs-6 img{border:1px solid #e1e1e1}
.about-ci-content,.service-intro-area,.application-field{margin-top:3%}

.service-intro-area h3,.application-field h3{margin-bottom:20px;font-size:18px;color:#333;font-weight:400;/*padding-bottom:15px;border-bottom:1px solid #ddd*/}
.service-intro-area h3 i,.application-field h3 i{margin-right:10px}
.about-ci-content h4,.application-field h4{margin-top:10px;margin-bottom:10px;font-size:17px;font-weight:normal;color:#0064b2}
.about-ci-content h5,.application-field h5,.panel-body h5{margin-bottom:15px;font-size:16px;font-weight:bold;color:#0068b2}
.application-field h6{margin-bottom:5px;font-size:15px;font-weight:bold}
.about-ci-content p,.application-field p{margin-bottom:15px;line-height:1.7143}
.application-field ul{margin-bottom:20px}
.application-field ul.lst-biz{margin-left:2px}
.application-field ul.lst-biz li{padding:5px 0}
.application-field ul.lst-biz li:before{padding-right:5px;font-size:9px;color:#999;content:'\003E'}
.application-field ul.lst-biz li span i{margin-right:5px;font-size:13px;color:#888}
.application-field ul.lst-desc{margin-top:15px;font-size:12px}
.application-field ul.lst-desc li:before{padding-right:5px;content:'\002D'}
.application-field .row_b{font-weight:900;}
.panel-body ul li .row_b{font-weight:900;}

/*¼÷¸éÄ§´ë*/
.application-field ul.lst-desc-01 {margin-top:3px; margin-left:15px; font-size:14px;}
.application-field ul.lst-desc-01 li:before {padding-right:5px;content:''}

.tbl_lst_ondol,.tbl_lst_hilow{font-size:11px}
.tbl_lst_ondol th,.tbl_lst_ondol td{padding:1px 3px;border-top:1px dotted #888}
.tbl_lst_hilow{margin-top:10px;margin-bottom:10px;border-top:1px solid #666}
.tbl_lst_hilow thead th{padding:5px 10px;text-align:center;border-left:1px solid #999;border-bottom:1px solid #999;background-color:#f6f6f6}
.tbl_lst_hilow tbody td{padding:2px 10px;text-align:center;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.tbl_lst_hilow thead th:first-child,.tbl_lst_hilow tbody td:first-child{border-left:0}

.dl-horizontal{margin-bottom:20px;padding-bottom:15px;border-bottom:1px dotted #aaa}
.dl-horizontal dt{font-size:18px;line-height:1}
.dl-horizontal dd{padding-bottom:7px}

.table-mac {width:98%; border-left:1px solid #efefef; border-bottom:1px solid #efefef;}
.table-mac th, .table-mac td {border-right:1px solid #efefef;}

/* ¸Æ¼¶¼® ¿¡½ºÇÊ */
.fic_sp{color:#0064b6;}
.dif_sp{color:#df001a; font-weight:bold;}
.sb_t_0303{font-size:16px;font-weight:bold; color:#333333; padding-bottom:10px;}
.mov_b{width:50%; height:320px;}
.pd_top{padding-top:15px;}
.img_r{ float:left; padding-right:20px;}
.img_r01{  }
.sb_i_cla{padding-right:20px;}



@media (min-width:768px){
.team-m-img{padding-top:55px;padding-left:35px}
.team-m-img img{width:300px}
.team-m-desc .skill .progress .lead{font-size:85%;letter-spacing:0}
.dl-horizontal dt{width:80px;/*text-align:left*/}
.dl-horizontal dd{margin-left:100px}
.about-brand-list{margin-left:-30px}
.about2-parchech-package-area .about-plan-options{min-height:380px}
}

@media (max-width: 768px){
.bg-ceo{background-size:45%}
.team-member-tab ul.nav-tabs li a{padding-right:10px;padding-left:10px;font-size:85%}
.dl-horizontal dt{margin-bottom:10px}
.service-accordion .panel-title a{padding-right:40px;line-height:1.7143}
.asked-tab .panel-body{padding-left:15px}
.expert-info{overflow:hidden;height:90px}
}


@media (max-width: 980px) {
.mov_b{width:70%; height:320px;}
}


@media (max-width: 640px){
.mov_b{width:60%; height:220px;}
}

@media (max-width: 480px){
.mov_b{width:100%; height:240px;}
.img_r{ width:30%;float:left; padding-right:10px;}
.img_r01{ width:68%;float:left;}
.sb_i_cla{padding-right:0px; width:60%;}
}

@media (max-width: 380px){
.mov_b{width:100%; height:170px;}
}