/* 1 imported styles */
@import url(css1.css);
@import url(css2.css);
@import url(css3.css);
@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(hover.css);
@import url(jquery.bxslider.css);
@import url(owl.carousel.css);
@import url(owl.theme.default.min.css);
@import url(animate.min.css);
@import url(circle.css);
@import url(flaticon.css);
@import url(settings.css);
@import url(layers.css);
@import url(navigation.css);
@import url(jquery.fancybox.css);
/* Start Base CSS */
html, body { height: 100% }
body { font-size: 16px; color: #333; line-height: 28px; overflow-x: hidden }
h1, h2, h3, h4, h5, h6 { font-weight: 700; margin: 0; }
a, a:hover, a:active, a:focus { text-decoration: none; outline: none; border: none; }
img { max-width: 100%; height: auto; }
i { font-style: normal; }
.p0 { padding: 0 !important; }
ul, li { list-style: none; margin: 0; padding: 0; }
/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
 -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }
.aligncenter { display: block; margin: 0 auto 15px; }
/* End Base CSS */
.sec-title { /* margin-top: -16px;*/
padding-bottom: 30px; }
.sec-title h1 { color: #918A60; font-size: 32px; line-height: 48px; text-transform: uppercase; }
.sec-title-two span { color: #918A60; font-size: 17px; font-weight: 500; text-transform: capitalize; }
.sec-title-two h1 { color: #222222; font-size: 30px; margin: 8px 0 28px; text-transform: uppercase; }
/*** 
=============================================
	Tob Bar Area style
=============================================
***/
.top-bar-area { background: #262626 none repeat scroll 0 0; padding-bottom: 12px; padding-top: 8px; }
.top-bar-area .contact-info li { color: #ffffff; display: inline-block; font-size: 14px; line-height: 14px; }
.top-bar-area .contact-info li.bor-right { margin-right: 23px; padding-right: 26px; position: relative; }
.top-bar-area .contact-info li.bor-right::before { background: #bdbdbd none repeat scroll 0 0; content: ""; height: 13px; position: absolute; right: 0; top: 11px; width: 2px; }
.top-bar-area .contact-info li i { color: #ffffff; display: inline-block; font-size: 18px; font-weight: 100; padding-right: 12px; position: relative; top: 2px; }
.top-bar-area .contact-info li i.mobile { font-size: 26px; position: relative; top: 5px; }
.top-bar-area .search-bar .search-form { position: relative; top: 2px; }
.top-bar-area .search-bar .search-form input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #262626; color: #ffffff; font-family: "Lora", serif; font-size: 15px; font-style: italic; line-height: 26px; padding-right: 40px; padding-left: 10px; width: 210px; transition: all 500ms ease 0s; }
.top-bar-area .search-bar .search-form button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #f9c740; font-size: 15px; padding: 0 10px; position: absolute; right: 0; top: 0; line-height: 30px; transition: all 700ms ease 0s; }
.top-bar-area .search-bar .search-form input:focus { border: 1px solid #f9c740; }
.top-bar-area .search-bar .search-form input:focus + button, .top-bar-area .search-bar .search-form button:hover { background: #fff none repeat scroll 0 0; color: #01273a; }
/*** 
=============================================
	Header Area style
=============================================
***/
.header-area { /* padding-bottom: 44px;
  padding-top: 44px;*/
background: #01273a none repeat scroll 0 0; }
.header-area .logo { display: inline-block;/*padding: 12px 0;*/
}
.header-area .info { overflow: hidden; position: relative; top: -4px; }
.header-area .info li { float: right; margin-left: 50px; text-align: right; }
.header-area .info li p { color: #444444; font-size: 15px; font-weight: 600; margin: 0; }
.header-area .info li h2 { color: #f9c740; font-size: 25px; transition: all 500ms ease 0s; }
.header-area .info li:hover h2 { color: #01273a; }
/*** 
=============================================
	Mainmenu Area style
=============================================
***/
.mainmeu-area { background: #01273a none repeat scroll 0 0; }
.main-menu { position: relative; float: left; }
.main-menu .navbar-collapse { padding: 0px; }
.main-menu .navigation { position: relative; float: left; margin: 0px; }
.main-menu .navigation li { float: left; padding: 0; position: relative;  }
.main-menu .navigation li a { color: #ffffff; display: block; line-height: 20px; opacity: 1; padding: 43px 10px 37px; position: relative; text-transform: uppercase; transition: all 500ms ease 0s; }
.main-menu .navigation > li > a:before { content: ''; position: absolute; left: 0px; top: 0px; width: 0px; height: 3px; background: #f9c740; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a { color: #f9c740; opacity: 1; }
.main-menu .navigation > li:hover > a:before, .main-menu .navigation > li.current > a:before { width: 100%; }
.main-menu .navigation > li:hover > a:after { opacity: 1; }
.main-menu .navigation > li > ul { position: absolute; left: 0px; top: 140%; width: 220px; padding: 0px; z-index: 100; background: #01273a; visibility: hidden; opacity: 0; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.main-menu .navigation > li:hover > ul { top: 100%; opacity: 1; visibility: visible; }
.main-menu .navigation > li > ul > li { position: relative; float: none; width: 100%; border-bottom: 1px solid #274757; }
.main-menu .navigation > li > ul > li:last-child { border: none; }
.main-menu .navigation > li > ul > li > a { color: #fff; display: block; font-size: 13px; font-weight: 700; line-height: 20px; padding: 13px 15px 16px 42px; position: relative; text-transform: uppercase; transition: all 500ms ease 0s; }
.main-menu .navigation > li > ul > li > a::before { background: #fbca00 none repeat scroll 0 0; border-radius: 50%; content: ""; font-size: 8px; height: 7px; left: 24px; line-height: 36px; position: absolute; top: 21px; width: 7px; transition: all 500ms ease 0s; }
.main-menu .navigation > li > ul > li:hover > a { color: #01273a; background-color: #f9c740; }
.main-menu .navigation > li > ul > li:hover > a::before { background: #01273a; }
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn { position: absolute; right: 10px; top: 6px; width: 34px; height: 30px; border: 1px solid #ffffff; background: url(../image/submenu-icon.png) center center no-repeat; background-size: 20px; cursor: pointer; z-index: 5; display: none; border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; }
.consultation-button a { background: #fff none repeat scroll 0 0; border-radius: 3px; color: #232323; display: inline-block; float: right; font-family: "Lora", serif; font-size: 14px; font-weight: 700; height: 50px; margin: 20px 0; padding: 9px 0; text-align: center; text-transform: uppercase; width: 230px; }
.consultation-button a:before { background: #f9c740; color: #232323; border-radius: 3px; }
.mainmeu-area.header-two { background: transparent; position: relative; z-index: 99; }
.mainmeu-area.header-two + section, .mainmeu-area.header-two + div { margin-top: -45px; }
.mainmeu-area.header-two .container { background: #f9c740 none repeat scroll 0 0; padding-left: 10px; padding-right: 45px; }
.mainmeu-area.header-two .main-menu .navigation > li { float: left; padding: 0; position: relative; margin-left: 20px; margin-right: 0; }
.mainmeu-area.header-two .main-menu .navigation li a { padding: 34px 15px 36px; position: relative; }
.mainmeu-area.header-two .main-menu .navigation > li > a:before { background: none; }
.mainmeu-area.header-two .main-menu .navigation > li:hover > a, .mainmeu-area.header-two .main-menu .navigation > li.current > a { color: #01273a; opacity: 1; }
.mainmeu-area.header-two .main-menu .navigation > li:hover > a:before, .mainmeu-area.header-two .main-menu .navigation > li.current > a:before { width: 0; }
.mainmeu-area.header-two .main-menu .navigation > li:hover > a:after { opacity: 0; }
.mainmeu-area.header-two .main-menu .navigation > li > ul { background: #F9C740 none repeat scroll 0 0; opacity: 0; visibility: hidden; }
.mainmeu-area.header-two .main-menu .navigation > li:hover > ul { top: 100%; opacity: 1; visibility: visible; }
.mainmeu-area.header-two .main-menu .navigation > li > ul li { border-bottom: 1px solid #e1a504; }
.mainmeu-area.header-two .main-menu .navigation > li > ul li:last-child { border-bottom: 0px solid #e1a504; }
.mainmeu-area.header-two .main-menu .navigation > li > ul li a { padding-left: 45px; padding-top: 13px; padding-bottom: 16px; }
.mainmeu-area.header-two .main-menu .navigation > li > ul > li > a::before { background: #01273a none repeat scroll 0 0; }
.mainmeu-area.header-two .main-menu .navigation > li > ul > li:hover > a { color: #f9c740; background-color: #01273a; }
.mainmeu-area.header-two .main-menu .navigation > li > ul > li:hover > a::before { background: #f9c740; }
.mainmeu-area.header-two .consultation-button a { border: 1px solid #fff; }
.mainmeu-area.header-three { background: transparent; position: relative; z-index: 99; }
.mainmeu-area.header-three .container { background: transparent; padding-right: 0px; padding-left: 0px; }
.mainmeu-area.header-three .navbar-brand { float: left; font-size: 18px; height: auto; line-height: 96px; padding: 0; }
.mainmeu-area.header-three .navbar-brand img { display: inline; }
.mainmeu-area.header-three .main-menu { width: 100%; }
.mainmeu-area.header-three .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a { color: #f9c740; }
.mainmeu-area.header-three .main-menu .navigation > li { margin: 0; padding: 0 20px; }
.mainmeu-area.header-three .main-menu .navigation > li > a { padding: 38px 0; padding-left: 0; padding-right: 0; color: #222222; }
/*** 
=============================================
	Slider styles
=============================================
***/
.tp-dottedoverlay { background: rgba(0, 0, 0, 0.80) none repeat scroll 0 0 !important; }
.rev_slider_wrapper .slide-1 .experience-years h5 { background: #f9c740; color: #ffffff; font-size: 14px; font-weight: 700; text-transform: uppercase; padding-top: 11px; padding-bottom: 14px; padding-left: 20px; padding-right: 20px; font-family: 'Lora', serif; }
.rev_slider_wrapper .slide-1 h3 { color: #ffffff; font-size: 22px; font-weight: 500; font-family: 'Lora', serif; }
.rev_slider_wrapper .slide-1 h1 { color: #ffffff; font-size: 30px; font-weight: 700; font-family: 'Lora', serif; text-transform: uppercase; }
.rev_slider_wrapper .button-1 a { color: #ffffff; font-size: 13px; font-weight: 700; font-family: 'Lora', serif; text-transform: uppercase; border: 2px solid #ffffff; display: block; padding-top: 6px; padding-bottom: 9px; padding-left: 30px; padding-right: 30px; }
.rev_slider_wrapper .button-1 a::before { background: #f9c740 none repeat scroll 0 0; }
.rev_slider_wrapper .button-2 a { color: #f9c740; font-size: 13px; font-weight: 700; font-family: 'Lora', serif; text-transform: uppercase; border: 2px solid #f9c740; display: block; padding-top: 6px; padding-bottom: 9px; padding-left: 30px; padding-right: 30px; }
.rev_slider_wrapper .button-2 a:before { background: #fff; }
.rev_slider_wrapper .slide-2 h1 { color: #ffffff; font-size: 43px; font-weight: 700; font-family: 'Lora', serif; text-transform: uppercase; }
.rev_slider_wrapper .slide-2 h1 span { color: #f9c740; }
.rev_slider_wrapper .slide-2 h3 { color: #ffffff; font-size: 20px; font-weight: 500; font-family: 'Lora', serif; line-height: 30px; text-align: right; }
.rev_slider_wrapper .slide-3 h1 { color: #ffffff; font-size: 48px; font-weight: 700; font-family: 'Lora', serif; text-transform: uppercase; }
.rev_slider_wrapper .slide-3 p { color: #ffffff; font-size: 20px; font-weight: 500; text-align: center; }
.rev_slider_wrapper .tparrows { width: 60px; height: 60px; background: rgba(0, 0, 0, 0.5); display: block; font-size: 23px; opacity: 1 !important; visibility: visible !important; padding: 0; line-height: 60px; color: #fff; transition: all .3s ease; }
.rev_slider_wrapper .tparrows:before { line-height: inherit; font-size: inherit; color: inherit; transition: inherit; }
.rev_slider_wrapper .tparrows:hover { background: rgba(0, 0, 0, 0.75); }
/*** 
=============================================
	Call To Action Area style
=============================================
***/
.call-to-action-area { padding-bottom: 30px; padding-top: 30px; }
.call-to-action-area .sec-title { padding-bottom: 50px; }
.call-to-action-area .experience-year { padding-right: 0; }
.call-to-action-area .experience-year h1 { color: #f9c740; font-size: 55px; margin: 0 0 6px; text-transform: uppercase; }
.call-to-action-area .experience-year p { color: #01273a; font-weight: 600; letter-spacing: 11px; margin: 0; text-transform: uppercase; }
.call-to-action-area .content { padding-left: 40px; }
.call-to-action-area .content p { color: #777777; font-size: 17px; font-style: italic; line-height: 32px; font-family: 'Lora', serif; }
.our-info { background: #01273a none repeat scroll 0 0; border-radius: 0 10px; margin-top: 83px; padding-bottom: 52px !important; padding-top: 50px !important; }
.our-info ul li { border-left: 2px dashed #004263; display: inline-block; margin-left: 75px; padding-left: 75px; }
.our-info ul li:first-child { border-left: none; margin-left: 0px; padding-left: 0px; }
.our-info ul li h2 { color: #ffffff; font-size: 26px; text-transform: uppercase; }
.our-info ul li h5 { color: #f9c740; font-size: 13px; font-weight: 500; margin: 0 0 20px; text-transform: uppercase; }
/*** 
=============================================
	Call To Action Area style
=============================================
***/
.who-we-are-area { /* padding-bottom: 30px;*/
}
.who-we-are-area .who-we-are-img-holder img { float: right; max-width: none; }
.who-we-are-area .content { background: #f8f8f8 none repeat scroll 0 0; margin-left: -120px; margin-top: 50px; padding-bottom: 57px; padding-left: 60px; padding-top: 51px; padding-right: 60px; z-index: 2; }
.who-we-are-area .founder { margin-bottom: 24px; margin-top: 52px; padding-left: 90px; position: relative; }
.who-we-are-area .founder .img-holder { left: 0; position: absolute; top: 0; z-index: 1; }
.who-we-are-area .founder .img-holder::before { background: #f9c740 none repeat scroll 0 0; content: ""; height: 125px; left: 40px; position: absolute; top: -20px; transform: rotate(40deg); width: 2px; transition: all 700ms ease 0s; z-index: -1; }
.who-we-are-area .founder .name { padding-bottom: 18px; padding-left: 15px; padding-top: 18px; }
.who-we-are-area .founder .name h3 { color: #222222; font-size: 18px; margin: 0; text-transform: uppercase; }
.who-we-are-area .founder .name p { color: #f9c740; font-size: 14px; margin: 0; }
.who-we-are-area .founder-text p { color: #444444; font-size: 15px; font-style: italic; line-height: 26px; margin: 0; font-family: 'Lora', serif; }
.who-we-are-area .founder:hover .img-holder::before { background: #01273a; }
/*** 
=============================================
	Great Services Area style
=============================================
***/
.great-services-area { padding-bottom: 30px; }
.great-services-area .content { padding-top: 30px; }
.great-services-area .content .sec-title { padding-bottom: 22px; }
.great-services-area .content .sec-title h1 span { color: #f9c740; }
.great-services-area .content h5 { color: #444444; font-size: 16px; font-style: italic; font-weight: 500; line-height: 26px; margin: 0 0 27px; }
.great-services-area .content p { line-height: 26px; }
.c100 { background-color: #ebebeb; border-radius: 50%; float: left; font-size: 120px; height: 1em; margin: 0 50px; position: relative; width: 1em; }
.c100::after { background-color: #ffffff; border-radius: 50%; content: " "; display: block; height: 0.84em; left: 0.08em; position: absolute; top: 0.08em; transition-duration: 0.2s; transition-property: all; transition-timing-function: ease-in; width: 0.84em; }
.c100.small { font-size: 105px; }
.great-services-area .great-services-item span::before { color: #f9c740; font-size: 35px; font-weight: 700; }
.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill { border: 0.08em solid #f9c740; border-radius: 50%; clip: rect(0em, 0.5em, 1em, 0em); height: 0.84em; position: absolute; transform: rotate(0deg); width: 0.84em; }
.great-services-area .great-services-item { margin-top: 43px; }
.great-services-area .great-services-item h6 { color: #222222; display: inline-block; font-size: 12px; margin-top: 25px; text-align: center; text-transform: uppercase; }
.great-services-area .great-service-gallery { margin-left: -5px; margin-right: -5px; overflow: hidden; }
.great-services-area .great-service-gallery .single-services-gallery { float: left; margin: 0 10px 10px 0; overflow: hidden; }
.great-services-area .great-service-gallery .single-services-gallery img { width: 100%; transform: scale(1); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.great-services-area .great-service-gallery .single-services-gallery:hover img { opacity: 0.7; transform: scale(1.1); }
/*** 
=============================================
	Caption Area style
=============================================
***/
.caption-area { background: rgba(0, 0, 0, 0) url("../image/caption-bg.jpg") no-repeat scroll 0 0 / 100% 100%; overflow: hidden; padding-bottom: 98px; padding-top: 84px; position: relative; }
.caption-area::before { height: 100%; left: 0; position: absolute; top: 0; width: 100%; content: ""; background: #01273a; opacity: .95; }
.caption-text h1 { color: #ffffff; font-size: 36px; font-style: italic; line-height: 48px; transform: scale(1); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.caption-text:hover h1 { color: #f9c740; transform: scale(1.1); }
/*** 
=============================================
	Our recent work Area style
=============================================
***/
.our-recent-work-area { padding-bottom: 30px; padding-top: 30px; }
.recent-work { margin-left: -5px; margin-right: -5px; overflow: hidden; }
.recent-work .single-recent-work-item { display: block; float: left; margin: 0 5px 10px; overflow: hidden; position: relative; text-align: center; }
.recent-work .single-recent-work-item .img-holder img { width: 100%; transform: scale(1); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.recent-work .single-recent-work-item .img-holder .overlay { background-color: rgba(1, 39, 58, 0.9); height: 100%; left: 0; overflow: hidden; position: absolute; top: -230px; width: 100%; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-out 0.5s; -moz-transition: all 0.3s ease-out 0.5s; -o-transition: all 0.3s ease-out 0.5s; -ms-transition: all 0.3s ease-out 0.5s; transition: all 0.3s ease-out 0.5s; }
.recent-work .single-recent-work-item .img-holder .overlay .content { display: table; height: 100%; width: 100%; }
.recent-work .single-recent-work-item .img-holder .overlay .content .inner-content { display: table-cell; vertical-align: middle; }
.recent-work .single-recent-work-item .img-holder .overlay .content .inner-content h5 { background: #f9c740 none repeat scroll 0 0; color: #ffffff; display: inline-block; font-size: 11px; height: 25px; margin: 0 0 14px; padding: 5.5px 0; text-transform: uppercase; width: 115px; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out 0.1s; -moz-transition: all 0.2s ease-in-out 0.1s; -o-transition: all 0.2s ease-in-out 0.1s; -ms-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s; }
.recent-work .single-recent-work-item .img-holder .overlay .content .inner-content h4 { color: #ffffff; font-size: 16px; font-style: italic; font-weight: 500; line-height: 30px; margin: 0 0 13px; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s; }
.recent-work .single-recent-work-item .img-holder .overlay .content .inner-content a span::before { color: #fff; font-size: 35px; line-height: 45px; border-radius: 50%; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out 0.3s; -moz-transition: all 0.2s ease-in-out 0.3s; -o-transition: all 0.2s ease-in-out 0.3s; -ms-transition: all 0.2s ease-in-out 0.3s; transition: all 0.2s ease-in-out 0.3s; }
.recent-work .single-recent-work-item:hover .img-holder .overlay { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; top: 0px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-animation: bounceY 0.9s linear; -moz-animation: bounceY 0.9s linear; -ms-animation: bounceY 0.9s linear; animation: bounceY 0.9s linear; }
.recent-work .single-recent-work-item:hover .img-holder .overlay .content .inner-content h5 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; }
.recent-work .single-recent-work-item:hover .img-holder .overlay .content .inner-content h4 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; }
.recent-work .single-recent-work-item:hover .img-holder .overlay .content .inner-content a span::before { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; }
.recent-work .single-recent-work-item:hover .img-holder .overlay .content .inner-content a:hover span::before { color: #f9c740; background: #000; border-radius: 50%; }
.recent-work .single-recent-work-item:hover .img-holder img { transform: scale(1.1); }
/*** 
=============================================
	Faq Area style
=============================================
***/
.faq-area { background: #01273a none repeat scroll 0 0; overflow: hidden; }
.faq-area .faq-content .sec-title-two h1 { color: #ffffff; margin: 0 0 30px; text-transform: capitalize; }
.faq-area .faq-content .sec-title-two p { color: #ffffff; font-size: 17px; line-height: 26px; margin: 0 0 43px; }
.faq-content { margin-right: 50px; padding-bottom: 91px; padding-left: 15%; padding-top: 92px; }
.accordion-box .accordion { border: 1px solid #fff; margin-bottom: 10px; position: relative; }
.accordion-box .accordion .accord-btn { cursor: pointer; height: 48px; line-height: 18px; padding: 14px 20px 15px; position: relative; }
.accordion-box .accordion .accord-btn h4 { color: #fff; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; font-weight: 500; line-height: 18px; transition: all 0.3s ease 0s; }
.accordion-box .accordion .accord-btn::after { content: '\f01a'; font-family: "FontAwesome"; font-size: 18px; font-weight: normal; height: 30px; line-height: 30px; margin-top: -15px; position: absolute; right: 10px; top: 50%; width: 30px; color: #fff; }
.accordion-box .accordion .accord-btn.active:after { content: '\f01b'; color: #f9c740; }
.accordion-box .accordion .accord-btn.active h4 { color: #f9c740; }
.accordion-box .accordion .accord-content { border-top: medium none; display: none; padding: 14px 20px 23px; position: relative; }
.accordion-box .accordion .accord-content.collapsed { display: block; }
.accordion-box .accordion .accord-content p { color: #ffffff; line-height: 26px; }
.free-consulting { overflow: hidden; position: relative; }
.free-consulting::before { background: #000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.75; position: absolute; top: 0; width: 100%; }
.free-consulting img { float: left; max-width: none; }
.free-consulting .inner-content { height: 100%; left: 0; position: absolute; transition: all 0.3s ease-out 0.5s; width: 100%; text-align: center; }
.free-consulting .inner-content .content { display: table; width: 100%; height: 100%; }
.free-consulting .inner-content .content .text { display: table-cell; vertical-align: middle; }
.free-consulting .inner-content .content .text h1 { color: #ffffff; font-size: 36px; font-weight: 500; line-height: 43px; margin: 0 0 7px; }
.free-consulting .inner-content .content .text h1 span { color: #f9c740; font-weight: 700; }
.free-consulting .inner-content .content .text h5 { color: #ffffff; font-size: 13px; line-height: 43px; margin: 0 0 24px; text-transform: uppercase; }
.free-consulting .inner-content .content .text a { border: 1px solid #fff; color: #fff; display: inline-block; font-size: 14px; font-weight: 500; height: 40px; padding: 4px 0; text-transform: uppercase; width: 142px; transition: all 700ms ease 0s; }
.free-consulting .inner-content .content .text a:hover { background: #F9C740; color: #01273A; }
/*** 
=============================================
	Our Team Area style
=============================================
***/
.our-team-area { padding-bottom: 30px; padding-top: 30px; }
.single-team-member { }
.single-team-member .img-holder img { transition: all 0.5s ease 0s; width: 100%; }
.single-team-member .member-name { padding-bottom: 29px; padding-top: 18px; position: relative; }
.single-team-member .member-name::before { background: #e3e3e3 none repeat scroll 0 0; content: ""; height: 1px; left: 0; position: absolute; top: 100%; width: 100%; }
.single-team-member .member-name::after { background: #f9c740 none repeat scroll 0 0; content: ""; height: 1px; left: 0; position: absolute; top: 100%; width: 0; transition: all 500ms ease 0s; }
.single-team-member .member-name h3 { color: #222222; font-size: 18px; line-height: 34px; }
.single-team-member .member-name h6 { color: #f8b501; font-size: 12px; font-style: italic; font-weight: 500; letter-spacing: 1px; }
.single-team-member .contact-info { padding-top: 20px; }
.single-team-member .contact-info li { font-size: 18px; line-height: 34px; }
.single-team-member .contact-info li i { display: inline-block; font-size: 17px; padding-right: 15px; }
.single-team-member .social-info { margin-top: 20px; }
.single-team-member .social-info li { display: inline-block; margin-right: 4px; }
.single-team-member .social-info li a span::before { border: 1px solid #e3e3e3; color: #909090; display: block; font-size: 13px; height: 34px; padding: 2px 0; text-align: center; width: 33px; font-weight: 100; transition: all 500ms ease 0s; }
.single-team-member:hover .img-holder img { opacity: .7; }
.single-team-member:hover .member-name::after { width: 100%; }
.single-team-member .social-info li a:hover span::before { background: #f9c740; color: #222; border: 1px solid #5d5a5a; }
/*** 
=============================================
	Customer Review Area style
=============================================
***/
.customer-review-area { background: url(../image/customer-review-bg.jpg) no-repeat scroll center center / cover; background-size: cover; position: relative; padding-top: 30px; padding-bottom: 30px; z-index: 1; }
.customer-review-area::before { background: #000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; opacity: .9; z-index: -1; }
.customer-review-area .sec-title { padding-bottom: 50px; }
.customer-review-area .sec-title h1 { color: #ffffff; }
.customer-review-area .sec-title h1 span { color: #f9c740; }
.customer-review { padding: 0 125px; text-align: center; }
.customer-review .single-customer-review-item p { color: #ffffff; font-size: 17px; line-height: 34px; }
.customer-review .single-customer-review-item .customer-info { margin: 49px auto 0; text-align: left; width: 300px; }
.customer-review .single-customer-review-item .customer-info .img-holder { width: 112px; }
.customer-review .single-customer-review-item .customer-info .img-holder, .customer-review .single-customer-review-item .customer-info .text { display: table-cell; vertical-align: middle; }
.customer-review .single-customer-review-item .customer-info .text { padding-left: 30px; }
.customer-review .single-customer-review-item .customer-info .text h3 { color: #ffffff; font-size: 18px; line-height: 34px; }
.customer-review .single-customer-review-item .customer-info .text p { color: #f9c740; font-size: 14px; font-style: italic; letter-spacing: 1px; text-transform: uppercase; }
.customer-review.owl-carousel.owl-theme .owl-nav { margin-top: 0px; text-align: center; position: absolute; bottom: 35px; }
.customer-review.owl-carousel.owl-theme .owl-nav [class*="owl-"] { background: #ffffff none repeat scroll 0 0; border-radius: 0; color: #f9c740; cursor: pointer; display: inline-block; font-size: 17px; height: 42px; margin: 0 312px 0 168px; padding: 6px 15px; width: 42px; transition: all 500ms ease 0s; }
.customer-review.owl-carousel.owl-theme .owl-nav [class*="owl-"]:hover { background: #f9c740; color: #fff; }
/*** 
=============================================
	Latest news Area style
=============================================
***/
.latest-news-area { padding-bottom: 30px; padding-top: 30px; }
.latest-news-area .latest-news { margin-left: -30px; margin-right: -30px; }
.latest-news .single-latest-blog-post { padding-left: 30px; padding-right: 30px; }
.latest-news .single-latest-blog-post .img-holder { position: relative; overflow: hidden; }
.latest-news .single-latest-blog-post .img-holder img { transform: scale(1); transition: all 0.5s ease 0s; width: 100%; }
.latest-news .single-latest-blog-post .img-holder .img-overlay-text { bottom: 0; position: absolute; right: 0; }
.latest-news .single-latest-blog-post .img-holder .img-overlay-text p { background: #01273a none repeat scroll 0 0; color: #ffffff; font-size: 12px; height: 30px; margin: 0; padding: 1px 0; text-align: center; text-transform: uppercase; width: 110px; transition: all 0.5s ease 0s; }
.latest-news .single-latest-blog-post .content { }
.latest-news .single-latest-blog-post .content .post-info { margin-left: -10px; margin-right: -10px; padding-bottom: 20px; padding-top: 21px; }
.latest-news .single-latest-blog-post .content .post-info li { display: inline-block; margin: 0 10px; }
.latest-news .single-latest-blog-post .content .post-info li span::before { color: #f9c740; display: inline-block; font-size: 15px; font-weight: 900; padding-right: 10px; position: relative; top: 1px; }
.latest-news .single-latest-blog-post .content .post-info li a { color: #777777; font-size: 16px; transition: all 0.5s ease 0s; }
.latest-news .single-latest-blog-post .content h3 { margin: 0 0 27px; }
.latest-news .single-latest-blog-post .content h3 a { color: #222222; font-size: 18px; font-weight: 500; line-height: 26px; transition: all 0.5s ease 0s; }
.latest-news .single-latest-blog-post .content .text p { line-height: 28px; margin: 0 0 16px; }
.latest-news .single-latest-blog-post .content .text a { color: #01273a; font-size: 12px; text-transform: uppercase; font-family: 'Lora', serif; transition: all 0.5s ease 0s; }
.latest-news .single-latest-blog-post .content .text a span::before { display: inline-block; font-size: 12px; padding-left: 10px; color: #01273a; transition: all 0.5s ease 0s; }
.latest-news .single-latest-blog-post:hover .img-holder img { opacity: 0.9; transform: scale(1.1); }
.contact-form-area .latest-news .single-latest-blog-post:hover .img-holder img { opacity: 1; transform: scale(1); }
.latest-news .single-latest-blog-post:hover .img-holder .img-overlay-text p { background: #f9c740; color: #01273A; }
.contact-form-area .latest-news .single-latest-blog-post:hover .img-holder .img-overlay-text p { background: #01273a; color: #fff; }
.latest-news .single-latest-blog-post .content .post-info li a:hover { color: #f9c740; }
.latest-news .single-latest-blog-post .content h3 a:hover { color: #f9c740; }
.latest-news .single-latest-blog-post .content .text a:hover { color: #f9c740; }
.latest-news .single-latest-blog-post .content .text a:hover span::before { color: #f9c740; }
/*** 
=============================================
	Latest news Area style
=============================================
***/
.free-consultation-form-area { background: rgba(0, 0, 0, 0) url("../image/consultation-form-bg.jpg") no-repeat scroll center center / cover; position: relative; z-index: 1; }
.free-consultation-form-area::before { background: #f6f6f6 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.95; position: absolute; top: 0; width: 100%; z-index: -1; }
.free-consultation-form-area .img-holder { }
.free-consultation-form-area .img-holder img { margin-left: -70px; margin-top: -90px; max-width: none; }
.consultation-form { padding-bottom: 30px; padding-top: 30px; padding-left: 40px; }
.consultation-form .sec-title { padding-bottom: 63px; }
.consultation-form .sec-title p { font-size: 15px; margin: 0; text-transform: uppercase; }
.consultation-form .sec-title h1 { color: #01273a; font-size: 36px; letter-spacing: 2px; }
.consultation-form form input[type="text"] { background: #fff none repeat scroll 0 0; border: 1px solid #eeeeee; color: #a4a4a4; font-family: "Lora", serif; font-size: 11px; font-style: italic; height: 50px; margin-bottom: 20px; padding: 0px 24px 3px; text-transform: uppercase; width: 100%; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.consultation-form form textarea { background: #fff none repeat scroll 0 0; border: 1px solid #eeeeee; color: #a4a4a4; font-family: "Lora", serif; font-size: 11px; font-style: italic; height: 180px; margin-bottom: 20px; padding: 8px 24px; text-transform: uppercase; width: 100%; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.consultation-form form button { background: #f9c740 none repeat scroll 0 0; border: medium none; color: #ffffff; display: block; font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: 700; height: 50px; margin-top: 16px; padding: 9px 30px; text-transform: uppercase; width: 160px; border-radius: 5px; }
.consultation-form form input[type="text"]:focus { border: 1px solid #f9c740; }
.consultation-form form textarea:focus { border: 1px solid #f9c740; }
.consultation-form form button::before { background: #01273a; border-radius: 5px; }
@media ( max-width: 991px ) {
.free-consulting .inner-content { position: relative; }
.free-consulting .inner-content .pl100 { padding-left: 0; padding-bottom: 0; }
.free-consulting::before { background: none; }
.consultation-form { background: #f8f8f8; padding: 0px 20px 35px; }
.consultation-form form button { margin-top: 0; }
.changeflex { flex-flow: column-reverse nowrap; place-content: stretch flex-start; align-items: stretch; display: flex; }
.featureA, .featureB, .featureC, .featureD, .projects_slidecontent { height: auto !important; display: block !important; margin: 30px auto; } 
}
/*** 
=============================================
	Footer Area style
=============================================
***/
.footer-area { background: #222222 none repeat scroll 0 0;/* padding-top: 85px;*/
}
.single-footer-widget .footer-logo { padding-bottom: 28px; }
.single-footer-widget .title { padding-bottom: 43px; }
.single-footer-widget .title h3 { color: #ffffff; font-size: 17px; text-transform: uppercase; }
.single-footer-widget .contact-info { }
.single-footer-widget .contact-info li { margin-bottom: 20px; }
.single-footer-widget .contact-info li h3 { color: #ffffff; font-size: 17px; font-weight: 500; margin: 0 0 15px; }
.single-footer-widget .contact-info li p { color: #9b9b9b; font-size: 17px; line-height: 26px; }
.latest-news-footer-widget { padding: 0; }
.single-footer-widget .latest-news { }
.single-footer-widget .latest-news li { border-bottom: 1px solid #393939; padding-bottom: 30px; margin-bottom: 30px; }
.single-footer-widget .latest-news li .img-holder { width: 75px; }
.single-footer-widget .latest-news li .img-holder, .single-footer-widget .latest-news li .text { display: table-cell; vertical-align: middle; }
.single-footer-widget .latest-news li .text { padding-left: 20px; }
.single-footer-widget .latest-news li .text h5 a { color: #ffffff; font-size: 15px; font-weight: 500; line-height: 26px; margin: 0 0 3px; transition: all 500ms ease 0s; }
.single-footer-widget .latest-news li .text p { color: #f9c740; font-size: 13px; font-style: italic; margin: 0; text-transform: uppercase; }
.single-footer-widget .latest-news li .text h5 a:hover { color: #f9c740; }
.quick-links-footer-widget { padding-left: 95px; padding-right: 30px; }
.quick-links-footer-widget .quick-links { margin-top: -10px; }
.quick-links-footer-widget .quick-links li { margin-bottom: 10px; }
.quick-links-footer-widget .quick-links li a { color: #9b9b9b; font-size: 17px; font-family: 'Source Sans Pro', sans-serif; transition: all 500ms ease 0s; }
.quick-links-footer-widget .quick-links li a:hover { color: #f9c740; padding-left: 5px; }
.single-footer-widget .subscribe-form { margin-top: -12px; }
.single-footer-widget .subscribe-form p { color: #9b9b9b; font-size: 17px; line-height: 26px; margin: 0 0 36px; }
.single-footer-widget .subscribe-form form { position: relative; }
.single-footer-widget .subscribe-form form input[type="text"] { background: #2b2b2b none repeat scroll 0 0; border: medium none; color: #9b9b9b; font-family: "Source Sans Pro", sans-serif; font-size: 15px; font-style: italic; font-weight: 500; height: 50px; padding-left: 20px; padding-right: 70px; text-transform: capitalize; width: 100%; transition: all 700ms ease 0s; }
.single-footer-widget .subscribe-form form button { background: #f9c740 none repeat scroll 0 0; border: medium none; color: #ffffff; font-weight: 700; height: 50px; position: absolute; right: 0; top: 0; width: 60px; transition: all 300ms ease 0s; }
.single-footer-widget .subscribe-form form h5 { color: #9b9b99; font-size: 14px; font-style: italic; margin: 16px 0 0; font-weight: 500; }
.single-footer-widget .subscribe-form form input[type="text"]:focus { background: #1b1a1a; }
.single-footer-widget .subscribe-form form button:hover { background: #01273a; }
.footer-bottom { border-top: 1px solid #3f3f3f; margin-top: 63px; padding-bottom: 30px !important; padding-top: 28px !important; }
.copyright-text p { color: #b3b3b3; font-size: 13px; margin: 7px 0; text-transform: uppercase; }
.footer-bottom-social-links { }
.footer-bottom-social-links li { display: inline-block; margin-left: 12px; }
.footer-bottom-social-links li a { }
.footer-bottom-social-links li a span::before { background: #2b2b2b none repeat scroll 0 0; border-radius: 50%; color: #9b9b9b; display: inline-block; font-size: 15px; font-weight: 100; height: 42px; padding: 6px 0; text-align: center; width: 42px; border: 2px solid #222222; transition: all 0.3s ease-in-out 0s; }
.footer-bottom-social-links li a:hover span::before { background: #f9c740; border: 2px solid #01273a; color: #01273a; -webkit-transform: scale(1.1) rotate(360deg); -moz-transform: scale(1.1) rotate(360deg); -ms-transform: scale(1.1) rotate(360deg); -o-transform: scale(1.1) rotate(360deg); transform: scale(1.1) rotate(360deg); }
/*** 
=============================================
	call to action area-home-2 style
=============================================
***/
.call-to-action-area-home-2 { padding-top: 30px; padding-bottom: 30px; }
.call-to-action-area-home-2 .sec-title { padding-bottom: 52px; }
.call-to-action-area-home-2 .sec-title h1 { font-size: 45px; margin: 0 0 30px; text-transform: capitalize; }
.call-to-action-area-home-2 .sec-title p { font-size: 15px; }
.call-to-action-home-2 { }
.call-to-action-home-2 .single-callto-action-item { padding: 15px; position: relative; }
.call-to-action-home-2 .single-callto-action-item::before { border-right: 2px dashed #e2e2e2; content: ""; height: 102px; position: absolute; right: -16px; top: 60px; width: 2px; }
.call-to-action-home-2 .single-callto-action-item.last-child::before { height: 0; }
.call-to-action-home-2 .single-callto-action-item .icon-holder { width: 70px; height: 70px; border-radius: 50%; border: 1px solid #f4f4f4; margin: 0 auto; display: block; padding: 20px 0; -moz-box-shadow: 0px 4px 7px #cccccc; -webkit-box-shadow: 0px 4px 7px #cccccc; box-shadow: 0px 4px 7px #cccccc; transition: all 500ms ease 0s; }
.call-to-action-home-2 .single-callto-action-item .icon-holder span::before { font-size: 25px; color: #f9c740; font-weight: 700; transition: all 500ms ease 0s; }
.call-to-action-home-2 .single-callto-action-item .content { }
.call-to-action-home-2 .single-callto-action-item .content h3 { color: #222222; font-size: 16px; margin: 32px 0 30px; text-transform: uppercase; }
.call-to-action-home-2 .single-callto-action-item .content p { margin: 0; }
.call-to-action-home-2 .single-callto-action-item:hover .icon-holder { background: #f9c740; border: 1px solid #f9c740; }
.call-to-action-home-2 .single-callto-action-item:hover .icon-holder span::before { color: #fff; }
.call-to-action-area-home-2 .about-nottingham { margin-top: 92px; }
.about-nottingham .img-holder { width: 315px; }
.about-nottingham .img-holder, .about-nottingham .content { display: table-cell; vertical-align: top; }
.about-nottingham .content { padding-left: 50px; background: #01273a; }
.about-nottingham .content h2 { color: #ffffff; font-size: 21px; margin: 38px 0 26px; text-transform: uppercase; }
.about-nottingham .content p { color: #ffffff; font-size: 17px; padding-right: 30px; }
.about-nottingham .content ul { margin-left: -40px; margin-right: -40px; padding-top: 12px; }
.about-nottingham .content ul li { display: inline-block; margin: 0 40px; color: #ffffff; font-size: 17px; }
.about-nottingham .content ul li span::before { color: #f9c740; font-size: 20px; top: 2px; position: relative; padding-right: 15px; }
/*** 
=============================================
	Great services area v2 style
=============================================
***/
.great-services-area-v2 .great-services-v2 { margin-left: 0; margin-right: 0; }
.great-services-v2 .great-services-content { background: rgba(0, 0, 0, 0) url("../image/great-services-v2-content-bg.jpg") no-repeat scroll center center / cover; height: 730px; padding-left: 90px; padding-top: 136px; position: relative; z-index: 1; padding-right: 90px; padding-bottom: 135px; }
.great-services-v2 .great-services-content:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; content: ""; opacity: .9; z-index: -1; }
.great-services-v2 .great-services-content .sec-title { padding-bottom: 52px; }
.great-services-v2 .great-services-content .sec-title h1 { color: #ffffff; font-size: 36px; margin: 0 0 24px; }
.great-services-v2 .great-services-content .sec-title p { color: #ffffff; font-style: italic; }
.great-services-v2 .great-services-content .great-services-item { overflow: hidden; margin-left: -30px; margin-right: -30px; }
.great-services-v2 .great-services-content .great-services-item .single-great-services-item { float: left; margin: 0 30px 60px; width: 370px; }
.great-services-v2 .great-services-content .great-services-item .single-great-services-item .img-holder { width: 112px; }
.great-services-v2 .great-services-content .great-services-item .single-great-services-item .img-holder, .great-services-v2 .great-services-content .great-services-item .single-great-services-item .text-holder { display: table-cell; vertical-align: middle; }
.great-services-v2 .great-services-content .great-services-item .single-great-services-item .text-holder { padding-left: 25px; }
.great-services-v2 .great-services-content .great-services-item .single-great-services-item .text-holder h5 { color: #ffffff; font-size: 14px; margin: 0 0 20px; text-transform: uppercase; }
.great-services-v2 .great-services-content .great-services-item .single-great-services-item .text-holder p { color: #ffffff; margin: 0; }
.great-services-v2 .great-services-img { padding: 0; background: rgba(0, 0, 0, 0) url("../image/great-services-v2-img.jpg") no-repeat scroll center center / cover; height: 730px; }
/*** 
=============================================
	Nottingham best consultancy area style
=============================================
***/
.nottingham-best-consultancy-area { padding-bottom: 146px; padding-top: 152px; }
.nottingham-best-consultancy-area .sec-title { padding-bottom: 0px; }
.nottingham-best-consultancy-area .sec-title h1 { font-size: 34px; line-height: 45px; }
.nottingham-best-consultancy-area .sec-title h1 span { color: #f9c740; }
.nottingham-best-consultancy-area .text { position: relative; float: right; }
.nottingham-best-consultancy-area .text::before { border-left: 2px dotted #9e9e9e; content: ""; height: 60px; left: -105px; position: absolute; top: -4px; width: 2px; }
.nottingham-best-consultancy-area .text p { font-size: 17px; line-height: 30px; margin: -11px 0 0; }
.fact-counter { margin-top: 59px; }
.fact-counter .single-fact-counter { margin: 0 45px; }
.fact-counter .single-fact-counter span { color: #f9c740; font-size: 65px; font-weight: 700; line-height: 45px; font-family: 'Lora', serif; }
.fact-counter .single-fact-counter i { color: #f9c740; font-size: 38px; font-weight: 100; position: relative; top: -8px; }
.fact-counter .single-fact-counter h3 { color: #222222; font-family: "Source Sans Pro", sans-serif; font-size: 20px; font-weight: 500; text-transform: capitalize; margin: 16px 0 0; }
/*** 
=============================================
	Gallery area style
=============================================
***/
.gallery-area { padding-bottom: 100px; }
.gallery .single-gallery-item { float: left; overflow: hidden; }
.gallery .single-gallery-item .img-holder { position: relative; }
.gallery .single-gallery-item .img-holder img { display: block; transform: scale(1.1, 1.1); transition: all 700ms ease 0s; width: 100%; }
.gallery .single-gallery-item .img-holder .overlay { background: rgba(1, 39, 58, 0.9) none repeat scroll 0 0; bottom: 0; height: 100%; left: -100%; position: absolute; right: 0; text-align: center; top: 0; transition: all 500ms ease 0s; width: 100%; }
.gallery .single-gallery-item .img-holder .overlay .content { display: table; width: 100%; height: 100%; }
.gallery .single-gallery-item .img-holder .overlay .content .icon-holder { display: table-cell; vertical-align: middle; }
.gallery .single-gallery-item .img-holder .overlay .content .icon-holder a i { background: #fff none repeat scroll 0 0; color: #01273a; font-size: 16px; height: 40px; width: 40px; border-radius: 50%; display: inline-block; padding: 12px 0; transition: all 500ms ease 0s; }
.gallery .single-gallery-item .img-holder .overlay .content .icon-holder a:hover i { background: #F9C740; }
.gallery .single-gallery-item:hover .img-holder .overlay { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; left: 0px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; }
.gallery .single-gallery-item:hover .img-holder .overlay .content .icon-holder a i { }
.gallery .single-gallery-item:hover .img-holder img { transform: scale(1, 1); opacity: 1; }
.years-of-experience-25 { padding-top: 105px; margin: 0 130px; }
.years-of-experience-25 .sec-title { padding-bottom: 31px; }
.years-of-experience-25 .sec-title h1 { font-size: 38px; line-height: 45px; margin: 0 0 25px; }
.years-of-experience-25 .sec-title h1 span { color: #f9c740; }
.years-of-experience-25 .sec-title p { line-height: 30px; }
.years-of-experience-25 ul { background: #f6f6f6 none repeat scroll 0 0; border-radius: 50px; margin: 0 auto; padding: 25px 0; width: 900px; }
.years-of-experience-25 ul li { display: inline-block; margin: 0 20px; width: 245px; line-height: 60px; }
.years-of-experience-25 ul li a { border-radius: 50px; color: #222222; display: block; font-family: "Lora", serif; font-size: 15px; font-weight: 700; line-height: 30px; padding: 10px 10px 12px; text-transform: capitalize; transition: all 500ms ease 0s; text-transform: capitalize; }
.years-of-experience-25 ul li a:hover { background: #f9c740 none repeat scroll 0 0; color: #fff; }
/*** 
=============================================
	Testimonials style
=============================================
***/
#testimonials { overflow: hidden; padding-bottom: 87px; padding-top: 30px; }
#testimonials .sec-title { padding-bottom: 51px; }
#testimonials .bx-wrapper .bx-viewport { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; box-shadow: none; left: 0; height: auto !important; }
#testimonials .testimonial-slide { margin-bottom: 46px; margin-top: 0; overflow: hidden; }
#testimonials .slide p { font-size: 18px; font-style: italic; line-height: 32px; margin: 0 0 20px; }
#testimonials .slide h3 { color: #f9c740; font-size: 16px; text-transform: uppercase; line-height: 30px; }
#testimonials .slide h3 span { color: #01273a; font-size: 13px; font-style: italic; }
#testimonials .custom-pager ul { display: inline-block; position: relative; height: 130px; }
#testimonials .custom-pager ul li { display: inline; }
#testimonials .custom-pager ul li span { background: #f9c740 none repeat scroll 0 0; border-radius: 50%; cursor: pointer; display: inline-block; margin: 0 22.5px; overflow: hidden; }
#testimonials .custom-pager ul li span img { transition: all .5s ease; height: 105px; width: 105px; border-radius: 50%; position: relative; opacity: .40; }
#testimonials .custom-pager ul li.active { position: relative; }
#testimonials .custom-pager ul li.active img { opacity: 1; }
#testimonials .custom-pager ul li.active::before { color: #fff; content: "\f10d"; font-family: FontAwesome; font-size: 16px; position: absolute; z-index: 5; background: #f9c740; height: 35px; display: block; width: 35px; border-radius: 50%; bottom: 15px; right: 16px; padding: 3px 0; }
/*** 
=============================================
	Brand Area style
=============================================
***/
.brand-area { padding-bottom: 30px; }
.brand-area .brand { position: static; text-align: center; }
.brand-area .brand .owl-stage-outer { z-index: 10; }
.brand-area .brand .single-brand-item { border: 1px solid #dcdcdc; height: 130px; transition: all 300ms ease-in 0s; }
.brand-area .brand .single-brand-item img { display: inline-block; max-width: 100% !important; opacity: 0.25; padding: 25px 0; position: relative; transition: all 300ms ease-in 0s; width: auto !important; }
.brand-area .brand .single-brand-item:hover { border: 1px solid #b7b7b7; }
.brand-area .brand .single-brand-item:hover img { opacity: 1; }
.brand-area .owl-theme .owl-nav { display: none; }
/*** 
=============================================
	Find Out Work Area style
=============================================
***/
.find-out-work-area { background: url(../image/find-out-work-bg.jpg) no-repeat scroll center center / cover; padding-top: 30px; position: relative; z-index: 1; }
.find-out-work-area:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: #01273a; opacity: .9; z-index: -1; }
.find-out-work-area .sec-title { padding-bottom: 0; }
.find-out-work-area .sec-title h1 { color: #ffffff; font-size: 40px; line-height: 52px; margin: 0 0 24px; }
.find-out-work-area .sec-title p { color: #ffffff; font-size: 18px; line-height: 30px; padding-right: 65px; }
.find-out-work-area .video-gallery { min-height: 250px; width: 470px; }
.find-out-work-area .video-gallery a { display: block; background: #fff; position: relative; }
.find-out-work-area .video-gallery a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../image/play-button.png) center center no-repeat; z-index: 99; }
.find-out-work-area .video-gallery .img-holder { position: relative; }
.find-out-work-area .video-gallery .img-holder img { opacity: 1; transition: all 700ms ease 0s; }
.find-out-work-area .video-gallery .img-holder .overlay-text { position: absolute; right: 40px; bottom: 40px; }
.find-out-work-area .video-gallery .img-holder .overlay-text p { color: #777777; font-size: 18px; font-weight: 300; line-height: 26px; margin: 0 0 9px; text-align: right; }
.find-out-work-area .video-gallery .img-holder .overlay-text h5 { color: #ff4949; font-size: 14px; text-transform: uppercase; text-align: right; }
.find-out-work-area .video-gallery a:hover img { opacity: .5; }
.find-out-work-img-holder { padding-top: 100px; }
/*** 
=============================================
	Request Call Back Area style
=============================================
***/
.free-consultation-form-area.request-call-back-area { background: rgba(0, 0, 0, 0) url("../image/request-call-back-bg.jpg") no-repeat scroll center center / cover; }
.free-consultation-form-area.request-call-back-area:before { opacity: .92; }
.free-consultation-form-area.request-call-back-area .img-holder img { margin-left: 30px; }
/*** 
=============================================
	Footer v2 Area style
=============================================
***/
#footer-v2-area { padding-bottom: 50px; padding-top: 95px; }
.single-footer-widget.nottingham-info .footer-logo { padding-bottom: 22px; }
.single-footer-widget.nottingham-info p { color: #9d9d9d; line-height: 26px; margin: 0 0 30px; }
.single-footer-widget.nottingham-info .footer-bottom-social-links li { margin-right: 12px; margin-left: 0; }
.single-footer-widget.nottingham-info .footer-bottom-social-links li a span::before { height: 46px; padding: 7px 0; width: 46px; }
.our-services-footer-widget .single-footer-widget { padding-left: 60px; }
.our-services-footer-widget .single-footer-widget .our-services { margin-top: -14px; }
.our-services-footer-widget .single-footer-widget .our-services li { margin-bottom: 10px; }
.our-services-footer-widget .single-footer-widget .our-services li a { color: #9b9b9b; font-size: 17px; transition: all 700ms ease 0s; }
.our-services-footer-widget .single-footer-widget .our-services li a:hover { color: #f9c740; padding-left: 6px; }
.latest-posts-footer-widget .single-footer-widget .latest-posts { margin-top: -4px; }
.latest-posts-footer-widget .single-footer-widget .latest-posts li { margin-bottom: 30px; }
.latest-posts-footer-widget .single-footer-widget .latest-posts li .img-holder { width: 80px; }
.latest-posts-footer-widget .single-footer-widget .latest-posts li .img-holder, .latest-posts-footer-widget .single-footer-widget .latest-posts li .text { display: table-cell; vertical-align: middle; }
.latest-posts-footer-widget .single-footer-widget .latest-posts li .text { padding-left: 25px; }
.latest-posts-footer-widget .single-footer-widget .latest-posts li .text h5 { }
.latest-posts-footer-widget .single-footer-widget .latest-posts li .text h5 a { color: #ffffff; font-size: 15px; font-weight: 500; line-height: 22px; transition: all 700ms ease 0s; }
.latest-posts-footer-widget .single-footer-widget .latest-posts li .text p { color: #f9c740; margin: 0; font-size: 13px; font-style: italic; text-transform: uppercase; margin: 5px 0 0; font-family: 'Lato', sans-serif; }
.single-footer-widget.footer-v2 { padding-left: 45px; }
.single-footer-widget.footer-v2 .contact-info { margin-top: -8px; }
.latest-posts-footer-widget .single-footer-widget .latest-posts li .text h5 a:hover { color: #f9c740; }
/*** 
=============================================
	Footer Bottom v2 Area style
=============================================
***/
.footer-bottom-v2-area { background: #1a1a1a none repeat scroll 0 0; padding-bottom: 14px; padding-top: 13px; }
.footer-bottom-v2-area .copyright-text p { color: #999999; }
.footer-bottom-v2-area .footer-menu { text-align: right; }
.footer-bottom-v2-area .footer-menu li { display: inline-block; margin-left: 35px; line-height: 40px; }
.footer-bottom-v2-area .footer-menu li:first-child { margin-left: 0; }
.footer-bottom-v2-area .footer-menu li a { color: #999999; font-size: 13px; text-transform: uppercase; transition: all 700ms ease 0s; }
.footer-bottom-v2-area .footer-menu li a:hover { color: #f9c740; }
/*** 
=============================================
	About Our Nottingham Area style
=============================================
***/
.about-our-nottingham-area { padding-bottom: 30px; padding-top: 180px; }
.about-our-nottingham-area .img-holder { width: 385px; padding-left: 30px; position: relative; z-index: 1; }
.about-our-nottingham-area .img-holder::before { background: rgba(0, 0, 0, 0) url("../image/img-border.png") no-repeat scroll left top; content: ""; height: 100%; left: 0; position: absolute; top: -30px; width: 100%; z-index: -1; }
.about-our-nottingham-area .img-holder::after { background: rgba(0, 0, 0, 0) url("../image/small-img.jpg") no-repeat scroll right bottom; bottom: -40px; content: ""; height: 100%; position: absolute; right: -40px; width: 100%; z-index: 2; }
.about-our-nottingham-area .content { overflow: hidden; padding-left: 100px; }
.about-our-nottingham-area .content h1 { color: #222222; font-size: 30px; line-height: 48px; margin: -16px 0 14px; text-transform: uppercase; }
.about-our-nottingham-area .content h1 span { color: #f9c740; }
.about-our-nottingham-area .content span.border { height: 2px; width: 85px; background: #f9c740; display: block; }
.about-our-nottingham-area .content h3 { color: #333333; font-size: 17px; font-style: italic; font-weight: 500; line-height: 28px; margin: 31px 0 20px; }
.about-our-nottingham-area .content p { font-size: 17px; }
.about-our-nottingham-area .content .bottom-content-box { background: #01273a none repeat scroll 0 0; margin: 49px 0 0; overflow: hidden; padding: 30px 40px; }
.about-our-nottingham-area .content .bottom-content-box h3 { color: #ffffff; font-size: 23px; font-style: italic; font-weight: 700; line-height: 32px; margin: -2px 0 0; }
.about-our-nottingham-area .content .bottom-content-box a { color: #ffffff; font-size: 14px; font-weight: 700; text-transform: uppercase; background: #f9c740; width: 194px; height: 44px; text-align: center; display: block; padding: 7px 0; margin: 10px 0; border: 1px solid #f9c740; }
.about-our-nottingham-area .content .bottom-content-box a::before { background: #01273a none repeat scroll 0 0; }
/*** 
=============================================
	Get Free Consultant Area style
=============================================
***/
.get-free-consultant-area { overflow: hidden; }
.get-free-consultant-area .left-content { background: #01273a none repeat scroll 0 0; float: left; height: 430px; width: 50%; }
.get-free-consultant-area .left-content .inner-content { float: right; padding: 15% 12%; }
.get-free-consultant-area .left-content .inner-content .sec-title { padding-bottom: 24px; }
.get-free-consultant-area .left-content .inner-content .sec-title h1 { color: #ffffff; font-size: 36px; margin: 1px 0 15px; }
.get-free-consultant-area .left-content .inner-content .sec-title p { color: #ffffff; font-size: 17px; }
.get-free-consultant-area .left-content .inner-content ul li { color: #ffffff; font-family: "Lora", serif; font-size: 24px; font-weight: 700; margin-bottom: 8px; }
.get-free-consultant-area .left-content .inner-content ul li span::before { background: #f9c740 none repeat scroll 0 0; border-radius: 50%; display: inline-block; font-size: 15px; font-weight: 100; height: 44px; margin-right: 20px; padding-bottom: 8px; padding-left: 0; padding-top: 8px; text-align: center; width: 44px; position: relative; top: -2px; border: 1px solid #f9c740; transition: all 500ms ease 0s; }
.get-free-consultant-area .left-content .inner-content ul li.call-now { font-size: 30px; font-style: italic; font-weight: 500; padding-left: 65px; }
.get-free-consultant-area .right-img { background: #202731 url("../image/get-free-consultant-img.jpg") no-repeat scroll right center / cover; height: 430px; position: relative; width: 50%; float: right; }
.get-free-consultant-area .left-content .inner-content ul li:hover span::before { background: #01273a; }
/*** 
=============================================
	Great Services v3 Area style
=============================================
***/
.great-services-v3-area { padding-bottom: 110px; padding-top: 120px; }
/*.great-services-v3-area .great-services-v3 { margin-left: -25px; margin-right: -25px; }*/
.great-services-v3-area .great-services-v3 .single-great-services-item { padding: 0 25px 40px; }
.great-services-v3-area .great-services-v3 .single-great-services-item .img-holder { width: 150px; }
.great-services-v3-area .great-services-v3 .single-great-services-item .img-holder, .great-services-v3-area .great-services-v3 .single-great-services-item .content { display: table-cell; vertical-align: top; }
.great-services-v3-area .great-services-v3 .single-great-services-item .content { padding-left: 30px; position: relative; padding-right: 25px; width: 73%; }
.great-services-v3-area .great-services-v3 .single-great-services-item .content h3 { color: #222222; font-size: 17px; line-height: 48px; margin-bottom: 45px; margin-top: 0; position: relative; text-transform: uppercase; z-index: 55; font-family: Arial, 'Noto Sans TC', 微軟正黑體, "Microsoft JhengHei"; }
.great-services-v3-area .great-services-v3 .single-great-services-item .content p { margin: 0px; position: relative; z-index: 55; }
.great-services-v3-area .great-services-v3 .single-great-services-item .content .content2 { height: 85px; overflow: hidden; }
.great-services-v3-area .great-services-v3 .single-great-services-item .content a { color: #01273a; font-size: 12px; text-transform: uppercase; font-weight: 400; font-family: 'Lora', serif; }
.great-services-v3-area .great-services-v3 .single-great-services-item .content a span::before { font-size: 12px; padding-left: 10px; }
.great-services-v3-area .great-services-v3 .single-great-services-item .content .top-border { background: #eeeeee none repeat scroll 0 0; height: 10px; position: absolute; right: 8px; top: 62px; transform: rotate(180deg); width: 340px; }
.great-services-v3-area .great-services-v3 .single-great-services-item .content .right-border { background: #eee none repeat scroll 0 0; height: 215px; position: absolute; right: 1px; top: 62px; transform: rotate(180deg); width: 10px; height: 130px; }
.great-services-v3-area .great-services-v3 .single-great-services-item .content .bottom-border { background: #eee none repeat scroll 0 0; bottom: -20px; height: 10px; position: absolute; right: 1px; width: 147px; }
.great-services-v3-area .great-services-v3 .single-great-services-item .content .top-border:before, .great-services-v3-area .great-services-v3 .single-great-services-item .content .right-border:before, .great-services-v3-area .great-services-v3 .single-great-services-item .content .bottom-border:before { background: #f9c740; content: ''; position: absolute; top: 0; left: 0; }
.great-services-v3-area .great-services-v3 .single-great-services-item .content .top-border:before { width: 0%; height: 100%; transition: all .3s ease .0s; }
.great-services-v3-area .great-services-v3 .single-great-services-item .content .right-border:before { width: 100%; height: 0%; transition: all .3s ease .3s; }
.great-services-v3-area .great-services-v3 .single-great-services-item .content .bottom-border:before { width: 0%; height: 100%; transition: all .3s ease .6s; }
.great-services-v3-area .great-services-v3 .single-great-services-item .content:hover .top-border:before { width: 100%; transition: all .3s ease .6s; }
.great-services-v3-area .great-services-v3 .single-great-services-item .content:hover .right-border:before { height: 100%; transition: all .3s ease .3s; }
.great-services-v3-area .great-services-v3 .single-great-services-item .content:hover .bottom-border:before { width: 100%; transition: all .3s ease .0s; }
/*** 
=============================================
	Why Choose Nottingham Area style
=============================================
***/
.why-choose-nottingham-area { background: #f7f8f9 none repeat scroll 0 0; margin-top: 75px; margin-bottom: 45px; }
.why-choose-nottingham-area .content { padding-right: 20px; padding-top: 80px; padding-bottom: 77px; overflow: hidden; }
.why-choose-nottingham-area .content .sec-title { padding-bottom: 58px; }
.why-choose-nottingham-area .content .sec-title h1 { color: #232323; font-size: 34px; margin: 0 0 14px; }
.why-choose-nottingham-area .content .sec-title h1 span { color: #f9c740; }
.why-choose-nottingham-area .content .sec-title p { font-size: 18px; font-style: italic; line-height: 26px; }
.why-choose-nottingham-area .content .nottingham-item-lists { margin-left: -35px; margin-right: -35px; }
.why-choose-nottingham-area .content .nottingham-item-lists .single-nottingham-item { float: left; margin: 0 35px 36px; width: 290px; }
.why-choose-nottingham-area .content .nottingham-item-lists .single-nottingham-item .icon-holder { margin-bottom: 20px; transition: all 500ms ease 0s; }
.why-choose-nottingham-area .content .nottingham-item-lists .single-nottingham-item .icon-holder span::before { color: #f9c740; font-size: 35px; font-weight: 700; }
.why-choose-nottingham-area .content .nottingham-item-lists .single-nottingham-item .text-holder { }
.why-choose-nottingham-area .content .nottingham-item-lists .single-nottingham-item .text-holder h3 { color: #232323; font-size: 18px; margin: 0 0 20px; text-transform: uppercase; }
.why-choose-nottingham-area .content .nottingham-item-lists .single-nottingham-item .text-holder p { line-height: 26px; margin: 0; }
.why-choose-nottingham-area .content .nottingham-item-lists .single-nottingham-item:hover .icon-holder { }
.why-choose-nottingham-area .callback-form { background: #f9c740 none repeat scroll 0 0; height: 810px; padding: 70px 60px; position: absolute; right: 15px; top: -75px; width: 440px; }
.why-choose-nottingham-area .callback-form h3 { color: #ffffff; font-size: 23px; text-transform: uppercase; margin: -7px 0 10px; }
.why-choose-nottingham-area .callback-form p { color: #ffffff; font-size: 17px; }
.why-choose-nottingham-area .callback-form form { margin-top: 30px; }
.why-choose-nottingham-area .callback-form form .field-label { color: #ffffff; font-size: 12px; font-style: italic; font-weight: 600; margin: 0 0 0px; text-transform: uppercase; }
.why-choose-nottingham-area .callback-form form input[type="text"] { background: #ffffff none repeat scroll 0 0; border: medium none; color: #01273a; display: block; height: 45px; margin-bottom: 12px; padding: 0 15px; width: 100%; transition: all 700ms ease 0s; border: 1px solid #f9c740; }
.why-choose-nottingham-area .callback-form form textarea { background: #ffffff none repeat scroll 0 0; border: medium none; color: #01273a; display: block; height: 125px; margin-bottom: 45px; padding: 0 15px; width: 100%; transition: all 700ms ease 0s; border: 1px solid #f9c740; }
.why-choose-nottingham-area .callback-form form button { background: #01273a none repeat scroll 0 0; color: #ffffff; font-size: 13px; font-weight: 600; height: 45px; text-transform: uppercase; width: 100%; border: none; display: block; padding: 8px 0; border: 2px solid #01273a; }
.why-choose-nottingham-area .callback-form form input[type="text"]:focus { border: 1px solid #01273a; }
.why-choose-nottingham-area .callback-form form textarea:focus { border: 1px solid #01273a; }
.why-choose-nottingham-area .callback-form form button:before { background: #f9c740; }
/*** 
=============================================
	Our Info Area style
=============================================
***/
.our-info-area .our-info { margin-top: 0; }
/*** 
=============================================
Home three nottingham best consultancy Area style
=============================================
***/
#home-three.nottingham-best-consultancy-area { padding-bottom: 96px; }
/*** 
=============================================
   Our Team v2 Area style
=============================================
***/
.our-team-v2-area { padding-bottom: 142px; padding-top: 30px; }
.our-team-v2-area .sec-title { padding: 0 190px 61px; }
.our-team-v2-area .sec-title h1 { margin: 0 0 23px; }
.our-team-v2-area .sec-title p { font-size: 18px; font-style: italic; line-height: 30px; margin: 0; }
.single-team-member-v2 .img-holder { overflow: hidden; position: relative; }
.single-team-member-v2 .img-holder img { transform: scale(1); transition: all 500ms ease 0s; width: 100%; }
.single-team-member-v2 .img-holder .overlay { background: rgba(1, 39, 58, 0.9) none repeat scroll 0 0; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; text-align: center; top: -100%; width: 100%; transition: all 500ms ease 0s; }
.single-team-member-v2 .img-holder .overlay .content { display: table; width: 100%; height: 100%; }
.single-team-member-v2 .img-holder .overlay .content .inner-content { display: table-cell; vertical-align: middle; }
.single-team-member-v2 .img-holder .overlay .content .inner-content h3 { color: #ffffff; font-size: 18px; font-weight: 500; padding: 0 5px; text-align: left; }
.single-team-member-v2 .img-holder .overlay .content .inner-content p { color: #FFF; text-align: left; padding: 5px; font-size: 13px; }
.single-team-member-v2 .img-holder .overlay .content .inner-content .team-member-social-info li { display: inline-block; margin: 0 3.5px; }
.single-team-member-v2 .img-holder .overlay .content .inner-content .team-member-social-info li a span::before { background: #f9c740 none repeat scroll 0 0; border: 2px solid #01273a; border-radius: 50%; color: #fff; display: block; font-size: 15px; height: 40px; padding: 4px 0; transition: all 700ms ease 0s; width: 40px; }
.single-team-member-v2 .img-holder .overlay .content .inner-content .team-member-social-info li a:hover span::before { background: #fff; color: #01273a; border: 2px solid #f9c740; }
.single-team-member-v2 .outer-content { margin-top: 25px; }
.single-team-member-v2 .outer-content h2 { color: #222222; font-size: 18px; margin: 0 0 10px; text-transform: uppercase; }
.single-team-member-v2 .outer-content p { color: #666; font-size: 16px; margin: 0; line-height: 17px; }
.single-team-member-v2 .outer-content span.border { width: 60px; height: 2px; background: #f9c740; display: inline-block; }
.single-team-member-v2:hover .img-holder .overlay { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; top: 0px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; }
.single-team-member-v2:hover .img-holder img { opacity: 0.7; transform: scale(1.1); }
/*** 
=============================================
   Brand v2 Area style
=============================================
***/
.brand-area.brand-v2 { background: #3d3f43; padding-top: 30px; padding-bottom: 30px; }
.brand-area.brand-v2 .sec-title h1 { color: #ffffff; }
.brand-area.brand-v2 .brand .single-brand-item { border: 1px solid #f1f1f1; height: 130px; transition: all 300ms ease-in 0s; }
.brand-area.brand-v2 .brand .single-brand-item img { display: inline-block; max-width: 100% !important; opacity: 1; padding: 25px 0; position: relative; transition: all 300ms ease-in 0s; width: auto !important; }
.brand-area.brand-v2 .brand .single-brand-item:hover { border: 1px solid #d9d9d9; }
.brand-area.brand-v2 .brand .single-brand-item:hover img { opacity: .70; }
.brand-area.brand-v2 .owl-theme .owl-nav { display: block; }
.brand-area.brand-v2 .owl-theme .owl-nav { left: 0; position: absolute; top: 33px; width: 100%; }
.brand-area.brand-v2 .owl-theme .owl-nav .owl-prev { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #9b9b9b; border-radius: 0; display: block; height: 40px; left: -50px; position: absolute; top: -3px; transition: all 700ms ease 0s; width: 40px; z-index: 10; }
.brand-area.brand-v2 .owl-theme .owl-nav .owl-next { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #9b9b9b; border-radius: 0; display: block; height: 40px; right: -50px; position: absolute; top: -3px; transition: all 700ms ease 0s; width: 40px; z-index: 10; }
.brand-area.brand-v2 .owl-theme .owl-nav div .fa { color: #9b9b9b; font-size: 25px; display: block; padding-top: 2px; text-align: center; }
.brand-area.brand-v2 .owl-theme .owl-nav .owl-prev:hover { background: #f9c740; border: 1px solid #01273a; }
.brand-area.brand-v2 .owl-theme .owl-nav .owl-next:hover { background: #f9c740; border: 1px solid #01273a; }
.brand-area.brand-v2 .owl-theme .owl-nav div .fa:hover { color: #01273a; }
/*** 
=============================================
   Customer Feedback Area style
=============================================
***/
.customer-feedback-area { padding-bottom: 278px; padding-top: 30px; }
.single-customer-feedback-item { padding-top: 46px; }
.single-customer-feedback-item .img-holder { width: 135px; }
.single-customer-feedback-item .img-holder, .single-customer-feedback-item .content { display: table-cell; vertical-align: top; }
.single-customer-feedback-item .content { padding-left: 40px; position: relative; top: -36px; }
.single-customer-feedback-item .content span::before { color: #d7d7d7; font-size: 25px; left: 0; position: relative; top: -14px; }
.single-customer-feedback-item .content p { margin: 0 0 28px; }
.single-customer-feedback-item .content h5 { color: #222222; font-size: 14px; text-transform: uppercase; margin: 0 0 12px; }
.single-customer-feedback-item .content h6 { color: #e2a500; font-size: 13px; font-style: italic; text-transform: uppercase; }
.customer-feedback-area .owl-theme .owl-nav { display: block; left: 0; position: absolute; top: 71px; width: 100%; }
.customer-feedback-area .owl-theme .owl-nav .owl-prev { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #dfdfdf; border-radius: 0; display: block; height: 40px; left: -65px; position: absolute; top: -3px; transition: all 700ms ease 0s; width: 40px; z-index: 10; }
.customer-feedback-area .owl-theme .owl-nav .owl-next { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #dfdfdf; border-radius: 0; display: block; height: 40px; right: -65px; position: absolute; top: -3px; transition: all 700ms ease 0s; width: 40px; z-index: 10; }
.customer-feedback-area .owl-theme .owl-nav div .fa { color: #bebebe; font-size: 20px; display: block; padding-top: 4px; text-align: center; }
.customer-feedback-area .owl-theme .owl-nav .owl-prev:hover { border: 2px solid #01273a; }
.customer-feedback-area .owl-theme .owl-nav .owl-next:hover { border: 2px solid #01273a; }
.customer-feedback-area .owl-theme .owl-nav:hover div .fa { color: #01273a; }
/*** 
=============================================
   Google  Map Area style
=============================================
***/
.google-map-area { position: relative; }
#contact-google-map { width: 100%; height: 600px; }
.google-map-area .getin-touch-form { background: #fff none repeat scroll 0 0; box-shadow: -1px -6px 17px #e8e8e8; padding: 56px 40px 65px; position: absolute; top: -165px; width: 370px; right: 5%; }
.google-map-area .getin-touch-form h1 { color: #222222; font-size: 30px; margin: 0 0 8px; text-transform: uppercase; }
.google-map-area .getin-touch-form p { color: #777777; font-size: 14px; margin: 0 0 50px; }
.google-map-area .getin-touch-form .field-label { color: #777777; font-size: 13px; font-style: italic; line-height: 10px; text-transform: uppercase; }
.google-map-area .getin-touch-form input[type="text"] { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #a3a3a3; border-image: none; border-style: none none solid; border-width: medium medium 1px; height: 30px; margin-bottom: 40px; padding: 0 10px; width: 100%; transition: all 700ms ease 0s; }
.google-map-area .getin-touch-form textarea { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #a3a3a3; border-image: none; border-style: none none solid; border-width: medium medium 1px; height: 80px; margin-bottom: 36px; padding: 10px 10px 0; width: 100%; transition: all 700ms ease 0s; }
.google-map-area .getin-touch-form button { background: #f9c740 none repeat scroll 0 0; border: 2px solid #f9c740; color: #ffffff; display: block; font-size: 14px; font-weight: 600; height: 40px; width: 120px; padding: 3px 0; text-transform: uppercase; }
.google-map-area .getin-touch-form input[type="text"]:focus { border-bottom: 1px solid #f9c740; color: #01273a; }
.google-map-area .getin-touch-form textarea:focus { border-bottom: 1px solid #f9c740; color: #01273a; }
.google-map-area .getin-touch-form button:before { background: #01273a; }
/*** 
=============================================
   Breadcrumb Area style
=============================================
***/
.breadcrumb-area { background-position: center center; background-repeat: no-repeat; background-size: cover; padding-bottom: 140px; padding-top: 133px; position: relative; z-index: 1; }
.breadcrumb-area::before { background: rgba(0, 0, 0, 0.88) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.breadcrumb-area h1 { color: #ffffff; font-size: 50px; text-transform: capitalize; }
/*** 
==========================================================
   About-1.html Page---Nottingham Best Consultancy Area.pd-top0 style
==========================================================
***/
.nottingham-best-consultancy-area.pd-top0 { padding-top: 0; }
/*** 
==========================================================
   About-2.html Page---Customer Feedback Area.pd-bottom0 style
==========================================================
***/
.customer-feedback-area.pd-bottom0 { padding-bottom: 113px; }
/*** 
==========================================================
   services-v1.html Page---great-services-v3-area.pdtop style
==========================================================
***/
.great-services-v3-area.pdtop { padding-top: 30px; }
/*** 
==========================================================
   services-v1.html Page---gallery-area.pd style
==========================================================
***/
.gallery-area.pd { padding-bottom: 30px; padding-top: 30px; }
/*** 
==========================================================
   services-v1.html Page---brand-area.pd style
==========================================================
***/
.brand-area.pd { padding-bottom: 175px; padding-top: 30px; }
/*** 
==========================================================
   services-v2.html Page---great-services-area.pd style
==========================================================
***/
.great-services-area.pd { padding-top: 30px; }
/*** 
=================================================================
   services-v2.html Page---customer-feedback-area.ser-v2-pdbottom style
=================================================================
***/
.customer-feedback-area.ser-v2-pdbottom { padding-bottom: 113px; }
/*** 
=================================================================
   services-v2.html Page---brand-area.brand-v2.yellow-bg style
=================================================================
***/
.brand-area.brand-v2.yellow-bg { background: #f9c740 none repeat scroll 0 0; padding-bottom: 100px; padding-top: 100px; }
.brand-area.brand-v2 .brand .single-brand-item:hover { border: 1px solid #f7bd22; }
.brand-area.brand-v2.yellow-bg .owl-theme .owl-nav .owl-prev { border: 1px solid #fff; }
.brand-area.brand-v2.yellow-bg .owl-theme .owl-nav .owl-next { border: 1px solid #fff; }
.brand-area.brand-v2.yellow-bg .owl-theme .owl-nav div .fa { color: #fff; }
.brand-area.brand-v2.yellow-bg .owl-theme .owl-nav .owl-prev:hover { background: #da9f00; }
.brand-area.brand-v2.yellow-bg .owl-theme .owl-nav .owl-next:hover { background: #da9f00; }
.brand-area.brand-v2.yellow-bg .owl-theme .owl-nav div .fa:hover { color: #01273a; }
/*** 
=============================================
   Services Details Area style
=============================================
***/
.services-details-area { padding-bottom: 35px; padding-top: 30px; }
.services-details-area .content { margin-right: -50px; }
.services-details-area .content .img-holder { }
.services-details-area .content .img-holder img { width: 100%; }
.services-details-area .content .inner-content h2 { color: #222222; font-size: 26px; margin: 43px 0 29px; text-transform: uppercase; }
.services-details-area .content .inner-content p { margin: 0 0 18px; }
.services-details-area .content .inner-content .left-content { }
.services-details-area .content .inner-content .left-content h1 { color: #222222; font-size: 26px; margin: 16px 0 29px; text-transform: uppercase; }
.services-details-area .content .inner-content .left-content p { color: #333333; font-size: 16px; font-style: italic; margin: 0 0 15px; }
.services-details-area .content .inner-content .left-content ul { }
.services-details-area .content .inner-content .left-content ul li { color: #777777; font-family: "Lora", serif; font-size: 16px; font-weight: 700; margin-bottom: 14px; }
.services-details-area .content .inner-content .right-content { padding-top: 24px; }
.services-details-area .content .inner-content .right-content .accordion-box { }
.services-details-area .content .inner-content .right-content .accordion-box .accordion { border: 1px solid #cccccc; margin-bottom: 5px; position: relative; }
.services-details-area .content .inner-content .right-content .accordion-box .accordion .accord-btn { height: 48px; transition: all 700ms ease 0s; }
.services-details-area .content .inner-content .right-content .accordion-box .accordion .accord-btn h4 { color: #222222; font-size: 18px; }
.services-details-area .content .inner-content .right-content .accordion-box .accordion .accord-btn::after { content: '\f01a'; font-family: "FontAwesome"; font-size: 18px; font-weight: normal; height: 30px; line-height: 30px; margin-top: -15px; position: absolute; right: 10px; top: 50%; width: 30px; color: #222222; }
.services-details-area .content .inner-content .right-content .accordion-box .accordion .accord-btn.active:after { content: '\f01b'; color: #ffffff; }
.services-details-area .content .inner-content .right-content .accordion-box .accordion .accord-btn.active { background: #f9c740; }
.services-details-area .content .inner-content .right-content .accordion-box .accordion .accord-btn.active h4 { color: #fff; }
.services-details-area .content .inner-content .right-content .accordion-box .accordion .accord-content.collapsed { display: block; }
.services-details-area .content .inner-content .right-content .accordion-box .accordion .accord-content { padding: 14px 20px 23px; position: relative; }
.services-details-area .content .inner-content .right-content .accordion-box .accordion .accord-content p { color: #777777; font-size: 17px; line-height: 28px; margin: 0; }
.services-details-area .content .inner-content .bottom-content { padding-top: 32px; }
.services-details-area .content .inner-content .bottom-content h3 { color: #222222; font-size: 26px; margin: 0 0 28px; text-transform: uppercase; }
.services-details-area .content .inner-content .bottom-content p { margin: 0; }
.services-details-area .sidebar { margin-left: 60px; }
.services-details-area .sidebar .services-lists { margin-bottom: 42px; }
.services-details-area .sidebar .services-lists li { background: #f8f8f8 none repeat scroll 0 0; border-left: 8px solid #f8f8f8; display: block; height: 60px; margin-bottom: 10px; padding-left: 35px; transition: all 300ms ease 0s; }
.services-details-area .sidebar .services-lists li a { color: #333333; font-family: "Lora", serif; font-size: 17px; font-weight: 500; line-height: 56px; transition: all 500ms ease 0s; }
.services-details-area .sidebar .services-lists li:hover { border-left: 8px solid #f9c740; }
.services-details-area .sidebar .services-lists li:hover a { color: #f9c740; }
.services-details-area .sidebar .brochure-lists { margin-bottom: 50px; }
.services-details-area .sidebar .brochure-lists h2 { color: #181818; font-size: 24px; font-weight: 500; margin: 0 0 28px; }
.services-details-area .sidebar .brochure-lists li { border: 3px solid #f3f3f3; height: 60px; margin-bottom: 10px; padding-bottom: 16px; padding-left: 35px; padding-top: 3px; }
.services-details-area .sidebar .brochure-lists li a { color: #222222; font-size: 15px; font-weight: 500; line-height: 48px; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; transition: all 500ms ease 0s; }
.services-details-area .sidebar .brochure-lists li a i { font-size: 20px; padding-right: 25px; transition: all 500ms ease 0s; }
.services-details-area .sidebar .brochure-lists li a:hover { color: #f9c740; }
.services-details-area .sidebar .call-us { background: #f3f3f3 none repeat scroll 0 0; padding: 37px 0 44px; }
.services-details-area .sidebar .call-us h2 { color: #222222; font-size: 22px; font-weight: 500; line-height: 38px; margin: 0 0 10px; }
.services-details-area .sidebar .call-us h3 { color: #f9c740; font-size: 20px; font-weight: 500; line-height: 35px; }
/*** 
=============================================
   Our Team Services-details Area style
=============================================
***/
.our-team-area.services-details { padding-top: 0; }
.our-team-area.services-details h2 { color: #222222; font-size: 26px; margin: 0 0 38px; text-transform: uppercase; }
/*** 
=============================================
   Blog Content Area style
=============================================
***/
.blog-content-area { padding-bottom: 30px; padding-top: 30px; }
.blog-content { margin-right: -30px; }
.single-blog-post { border-bottom: 1px solid #e8e8e8; margin-bottom: 50px; padding-bottom: 41px; }
.single-blog-post .img-holder { overflow: hidden; position: relative; }
.single-blog-post .img-holder img { transform: scale(1); transition: all 0.5s ease 0s; width: 100%; }
.single-blog-post .img-holder .overlay-text { bottom: 0; position: absolute; right: 0; }
.single-blog-post .img-holder .overlay-text p { background: #01273a none repeat scroll 0 0; color: #ffffff; font-size: 12px; height: 30px; margin: 0; padding: 1px 0; text-align: center; text-transform: uppercase; transition: all 0.5s ease 0s; width: 110px; }
.single-blog-post .content { }
.single-blog-post .content .post-info { margin-left: -10px; margin-right: -10px; padding-bottom: 20px; padding-top: 31px; }
.single-blog-post .content .post-info li { display: inline-block; margin: 0 10px; }
.single-blog-post .content .post-info li span::before { color: #f9c740; display: inline-block; font-size: 15px; font-weight: 900; padding-right: 10px; position: relative; top: 1px; }
.single-blog-post .content .post-info li a { color: #777777; font-size: 16px; transition: all 0.5s ease 0s; }
.single-blog-post .content h3 { margin: 0 0 17px; }
.single-blog-post .content h3 a { color: #222222; font-size: 20px; font-weight: 500; line-height: 26px; transition: all 0.5s ease 0s; }
.single-blog-post .content p { margin: 0 0 16px; }
.single-blog-post .content a.read-more { color: #01273a; font-family: "Lora", serif; font-size: 12px; text-transform: uppercase; transition: all 0.5s ease 0s; }
.single-blog-post .content a.read-more span::before { color: #01273a; display: inline-block; font-size: 12px; padding-left: 10px; transition: all 0.5s ease 0s; }
.post-pagination { padding-top: 10px; }
.post-pagination li { display: inline-block; margin: 0 3.5px; }
.post-pagination li a { border: 1px solid #cdcdcd; color: #777777; display: block; font-size: 16px; font-weight: 600; height: 48px; padding: 8px 0; width: 48px; transition: all 500ms ease 0s; }
.post-pagination li.active a { background: #f9c740; color: #fff; border: 1px solid #f9c740; }
.post-pagination li a:hover { background: #f9c740; color: #fff; border: 1px solid #f9c740; }
.single-blog-post:hover .img-holder img { opacity: 0.9; transform: scale(1.1); }
.single-blog-post:hover .img-holder .overlay-text p { background: #f9c740; color: #01273a; }
.single-blog-post .content .post-info li a:hover { color: #f9c740; }
.single-blog-post .content h3 a:hover { color: #f9c740; }
.single-blog-post .content a.read-more:hover { color: #f9c740; }
.single-blog-post .content a.read-more:hover span::before { color: #f9c740; }
.sidebar-wrapper { margin-left: 50px; }
.sidebar-wrapper .single-sidebar { border-top: 1px solid #f9c740; padding-bottom: 60px; padding-top: 24px; }
.sidebar-wrapper .single-sidebar h3.title { color: #222222; font-size: 20px; margin: 0 0 28px; text-transform: uppercase; }
.sidebar-wrapper .single-sidebar form.search-form { position: relative; }
.sidebar-wrapper .single-sidebar form.search-form input[type="text"] { background: #fff none repeat scroll 0 0; border: 1px solid #dadada; color: #888888; display: block; font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-style: italic; font-weight: 600; height: 52px; letter-spacing: 1px; padding-left: 15px; padding-right: 55px; position: relative; transition: all 500ms ease 0s; width: 100%; }
.sidebar-wrapper .single-sidebar form.search-form button { background: none; border: medium none; color: #dadada; display: block; height: 52px; padding: 11px 0; position: absolute; right: 0; text-align: center; top: 0; transition: all 500ms ease 0s; width: 52px; }
.sidebar-wrapper .single-sidebar form.search-form input[type="text"]:focus { border: 1px solid #f9c740; }
.sidebar-wrapper .single-sidebar form.search-form input[type="text"]:focus + button, .sidebar-wrapper .single-sidebar form.search-form button:hover { background: #f9c740 none repeat scroll 0 0; color: #01273a; }
.sidebar-wrapper .single-sidebar .blog-categories { margin-top: -6px; }
.sidebar-wrapper .single-sidebar .blog-categories li { margin-bottom: 13px; }
.sidebar-wrapper .single-sidebar .blog-categories li:last-child { margin-bottom: 0; }
.sidebar-wrapper .single-sidebar .blog-categories li a { color: #666666; font-size: 18px; font-weight: 400; transition: all 500ms ease 0s; }
.sidebar-wrapper .single-sidebar .blog-categories li a span::before { color: #f9c740; font-size: 18px; font-weight: 600; padding-right: 12px; }
.sidebar-wrapper .single-sidebar .blog-categories li:hover a { color: #f9c740; }
.sidebar-wrapper .single-sidebar.single-sidebar-latest-news { margin-top: -7px; }
.sidebar-wrapper .single-sidebar .latest-news li { border-bottom: 1px solid #dbdbdb; margin-bottom: 30px; padding-bottom: 30px; }
.sidebar-wrapper .single-sidebar .latest-news li:last-child { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; }
.sidebar-wrapper .single-sidebar .latest-news li .img-holder { width: 80px; }
.sidebar-wrapper .single-sidebar .latest-news li .img-holder, .sidebar-wrapper .single-sidebar .latest-news li .content { display: table-cell; vertical-align: middle; }
.sidebar-wrapper .single-sidebar .latest-news li .content { padding-left: 24px; }
.sidebar-wrapper .single-sidebar .latest-news li .content h3 { line-height: 19px; margin: 0 0 5px; }
.sidebar-wrapper .single-sidebar .latest-news li .content h3 a { color: #181818; font-size: 15px; font-weight: 500; transition: all 500ms ease 0s; }
.sidebar-wrapper .single-sidebar .latest-news li .content p { color: #f9c740; font-size: 14px; font-style: italic; margin: 0; }
.sidebar-wrapper .single-sidebar .latest-news li .content h3 a:hover { color: #f9c740; }
.sidebar-wrapper .single-sidebar .usefull-tag { margin-left: -4.5px; margin-right: -4.5px; }
.sidebar-wrapper .single-sidebar .usefull-tag li { display: inline-block; margin: 0 4.5px 12px; }
.sidebar-wrapper .single-sidebar .usefull-tag li a { border: 1px solid #dadada; color: #777777; display: block; font-size: 16px; height: 37px; line-height: 25px; padding: 5px 22px; transition: all 500ms ease 0s; }
.sidebar-wrapper .single-sidebar .usefull-tag li a:hover { background: #f9c740; border: 1px solid #f9c740; color: #fff; }
/*** 
=============================================
   Blog Content Area style
=============================================
***/
.blog-content.blog-details .single-blog-post { border-bottom: medium none; margin-bottom: 0; padding-bottom: 0; }
.blog-content.blog-details .caption-box { background: #f8f8f8 none repeat scroll 0 0; margin: 52px 0 40px; padding: 30px 70px 23px; position: relative; }
.blog-content.blog-details .caption-box h2 { color: #01273a; font-size: 26px; font-style: italic; line-height: 38px; }
.blog-content.blog-details .caption-box .icon-holder span::before { background: #f9c740 none repeat scroll 0 0; border-radius: 50%; color: #fff; display: block; height: 45px; left: 70px; padding: 8px 0; position: absolute; text-align: center; top: -22px; width: 45px; }
.blog-content.blog-details .bottom-content { }
.blog-content.blog-details .bottom-content .img-holder { width: 405px; }
.blog-content.blog-details .bottom-content .img-holder, .blog-content.blog-details .bottom-content .content-box { display: table-cell; vertical-align: top; }
.blog-content.blog-details .bottom-content .content-box { padding-left: 40px; }
.blog-content.blog-details .bottom-content .content-box h3 { color: #000000; font-size: 22px; margin: 0 0 24px; }
.blog-content.blog-details .report-conclusion-text { padding-top: 33px; padding-bottom: 40px; }
.blog-content.blog-details .report-conclusion-text h2 { color: #222222; font-size: 26px; margin: 0 0 23px; }
.blog-content.blog-details .share-post-box { border-bottom: 1px solid #e4e4e4; padding-bottom: 48px; }
.blog-content.blog-details .share-post-box .text h3 { color: #222222; font-size: 18px; font-weight: 500; line-height: 45px; }
.blog-content.blog-details .share-post-box .text h3 span::before { font-size: 18px; padding-right: 10px; }
.blog-content.blog-details .share-post-box .social-share { }
.blog-content.blog-details .share-post-box .social-share ul li { display: inline-block; margin: 0 2px; }
.blog-content.blog-details .share-post-box .social-share ul li a span::before { background: #eaeaea none repeat scroll 0 0; border: 2px solid #fff; border-radius: 50%; color: #666666; display: block; font-size: 15px; height: 47px; padding: 8px 0; text-align: center; width: 47px; transition: all 700ms ease 0s; }
.blog-content.blog-details .share-post-box .social-share ul li a:hover span::before { border: 2px solid #f9c740; background: #01273a; color: #fff; }
.blog-content.blog-details .comment-box { padding-top: 55px; }
.blog-content.blog-details .comment-box h1 { color: #181818; font-size: 24px; font-weight: 500; margin: 0 0 43px; }
.blog-content.blog-details .comment-box .single-comment-box { border-bottom: 1px solid #e4e4e4; margin-bottom: 30px; padding-bottom: 20px; padding-left: 72px; position: relative; }
.blog-content.blog-details .comment-box .single-comment-box .img-holder { left: 0; position: absolute; top: 0; }
.blog-content.blog-details .comment-box .single-comment-box .content { padding-left: 25px; }
.blog-content.blog-details .comment-box .single-comment-box .content .top { overflow: hidden; padding-bottom: 10px; }
.blog-content.blog-details .comment-box .single-comment-box .content .top .title h3 { color: #181818; font-size: 18px; font-weight: 500; line-height: 30px; }
.blog-content.blog-details .comment-box .single-comment-box .content .top .date p { color: #f9c740; font-size: 14px; font-style: italic; font-weight: 600; line-height: 30px; margin: 0; position: relative; top: 4px; }
.blog-content.blog-details .comment-box .single-comment-box .content .text p { margin-bottom: 13px; }
.blog-content.blog-details .comment-box .single-comment-box .content .text a.reply { color: #000000; font-size: 16px; transition: all 500ms ease 0s; }
.blog-content.blog-details .comment-box .single-comment-box .content .text a.reply span::before { font-size: 14px; padding-left: 8px; transition: all 500ms ease 0s; }
.blog-content.blog-details .comment-box .single-comment-box .content .text a.reply:hover { color: #f9c740; }
.blog-content.blog-details .leave-comment-form { padding-top: 23px; }
.blog-content.blog-details .leave-comment-form h1 { color: #181818; font-size: 24px; font-weight: 500; margin: 0 0 37px; }
.blog-content.blog-details .leave-comment-form form input[type="text"] { border: 1px solid #d1d1d1; color: #989898; font-size: 16px; font-style: italic; height: 50px; margin-bottom: 30px; padding: 0 30px; width: 100%; }
.blog-content.blog-details .leave-comment-form form input[type="text"] { border: 1px solid #d1d1d1; color: #989898; font-size: 16px; font-style: italic; height: 50px; margin-bottom: 30px; padding: 0 30px; width: 100%; font-family: 'Source Sans Pro', sans-serif; transition: all 500ms ease 0s; }
.blog-content.blog-details .leave-comment-form form textarea { border: 1px solid #d1d1d1; color: #989898; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-style: italic; height: 220px; margin-bottom: 36px; padding: 10px 30px; width: 100%; transition: all 500ms ease 0s; }
.blog-content.blog-details .leave-comment-form form button { background: #f9c740 none repeat scroll 0 0; border: medium none; color: #ffffff; display: block; font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: 700; height: 50px; padding: 0; text-transform: uppercase; width: 165px; border-radius: 3px; }
.blog-content.blog-details .leave-comment-form form button:before { background: #01273a; border-radius: 3px; }
.blog-content.blog-details .leave-comment-form form input[type="text"]:focus, .blog-content.blog-details .leave-comment-form form textarea:focus { box-shadow: 0 0 5px rgba(249, 199, 64, .4); border: 1px solid rgba(249, 199, 64, .6); }
/*** 
=============================================
   Project Details Area style
=============================================
***/
.project-details-area { padding-bottom: 30px; padding-top: 30px; }
.project-details-area .content { padding-right: 15px; }
.project-details-area .content h3 { color: #222222; font-size: 20px; margin: -6px 0 29px; text-transform: uppercase; }
.project-details-area .content p { font-style: italic; margin: 0 0 13px; }
.project-details-area .content .info { }
.project-details-area .content .info li { color: #777777; font-size: 16px; margin-bottom: 9px; font-family: 'Lora', serif; }
.project-details-area .content .info li span { color: #222222; }
.project-details-area .content .project-content { padding-top: 28px; }
.project-details-area .content .project-content li { padding-bottom: 23px; }
.project-details-area .content .project-content li:last-child { padding-bottom: 0; }
.project-details-area .content .project-content li .title { color: #222222; font-size: 20px; margin: 0 0 29px; text-transform: uppercase; }
.project-details-area .content .project-content li p { font-style: normal; }
.project-details-area .content .project-content li p.top-text { margin: 0 0 23px; }
.project-details-area .top-image-box { margin-bottom: 30px; overflow: hidden; }
.project-details-area .top-image-box .img-holder img { width: 100%; }
.project-details-area .middle-image-box .img-holder { margin-bottom: 30px; overflow: hidden; }
.project-details-area .middle-image-box .img-holder img { width: 100%; }
.project-details-area .stats-manager .img-holder img { width: 100%; }
/*** 
=============================================
	Portfolio Area style
=============================================
***/
.portfolio-area { padding-bottom: 30px; padding-top: 30px; }
.portfolio-items { margin-left: -5px; margin-right: -5px; overflow: hidden; }
.portfolio-items .single-portfolio-item { display: block; float: left; margin: 0 5px 10px; overflow: hidden; position: relative; text-align: center; }
.single-portfolio-item .img-holder img { width: 100%; transform: scale(1); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.single-portfolio-item .img-holder .overlay { background-color: rgba(1, 39, 58, 0.9); height: 100%; left: 0; overflow: hidden; position: absolute; top: -230px; width: 100%; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-out 0.5s; -moz-transition: all 0.3s ease-out 0.5s; -o-transition: all 0.3s ease-out 0.5s; -ms-transition: all 0.3s ease-out 0.5s; transition: all 0.3s ease-out 0.5s; }
.single-portfolio-item .img-holder .overlay .content { display: table; height: 100%; width: 100%; }
.single-portfolio-item .img-holder .overlay .content .inner-content { display: table-cell; vertical-align: middle; }
.single-portfolio-item .img-holder .overlay .content .inner-content h5 { background: #f9c740 none repeat scroll 0 0; color: #ffffff; display: inline-block; font-size: 11px; height: 25px; margin: 0 0 14px; padding: 5.5px 0; text-transform: uppercase; width: 115px; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out 0.1s; -moz-transition: all 0.2s ease-in-out 0.1s; -o-transition: all 0.2s ease-in-out 0.1s; -ms-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s; }
.single-portfolio-item .img-holder .overlay .content .inner-content h4 { color: #ffffff; font-size: 16px; font-style: italic; font-weight: 500; line-height: 30px; margin: 0 0 13px; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s; }
.single-portfolio-item .img-holder .overlay .content .inner-content a span::before { color: #fff; font-size: 35px; line-height: 45px; border-radius: 50%; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out 0.3s; -moz-transition: all 0.2s ease-in-out 0.3s; -o-transition: all 0.2s ease-in-out 0.3s; -ms-transition: all 0.2s ease-in-out 0.3s; transition: all 0.2s ease-in-out 0.3s; }
.single-portfolio-item:hover .img-holder .overlay { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; top: 0px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-animation: bounceY 0.9s linear; -moz-animation: bounceY 0.9s linear; -ms-animation: bounceY 0.9s linear; animation: bounceY 0.9s linear; }
.single-portfolio-item:hover .img-holder .overlay .content .inner-content h5 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; }
.single-portfolio-item:hover .img-holder .overlay .content .inner-content h4 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; }
.single-portfolio-item:hover .img-holder .overlay .content .inner-content a span::before { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; }
.single-portfolio-item:hover .img-holder .overlay .content .inner-content a:hover span::before { color: #f9c740; background: #000; border-radius: 50%; }
.single-portfolio-item:hover .img-holder img { transform: scale(1.1); }
.portfolio-area .post-pagination { padding-top: 50px; }
/*** 
=============================================
	Portfolio v1 Area style
=============================================
***/
.portfolio-items-v1 { overflow: hidden; }
.portfolio-items-v1 .single-portfolio-item { display: block; overflow: hidden; position: relative; text-align: center; margin-bottom: 30px; }
#portfolio-v1-area .post-pagination { padding-top: 30px; }
/*** 
=============================================
	Portfolio v2 Area style
=============================================
***/
#portfolio-v2-area .portfolio-v2 { padding-left: 40px; padding-right: 40px; }
.portfolio-items-v2 { overflow: hidden; }
.portfolio-items-v2 .single-portfolio-item { display: block; margin-bottom: 30px; overflow: hidden; position: relative; text-align: center; }
.portfolio-v2 .post-pagination { padding-top: 30px; }
/*** 
=============================================
    Contact page gmap Area style
=============================================
***/
.contact-page-gmap-area { padding-bottom: 80px; padding-top: 30px; }
#contact-page-gmap { height: 550px; width: 100%; }
/*** 
=============================================
    Contact form Area style
=============================================
***/
.contact-form-area { padding-bottom: 30px; }
.contact-form-area .contact-form { margin-right: 20px; }
.contact-form-area .contact-form h1 { color: #222222; font-size: 26px; margin: -7px 0 19px; text-transform: uppercase; }
.contact-form-area .contact-form p { font-style: italic; margin: 0 0 32px; }
.contact-form-area .contact-form input[type="text"] { border: 1px solid #e0e0e0; color: #777777; font-size: 13px; font-style: italic; height: 45px; padding: 0 25px; text-transform: uppercase; width: 100%; font-family: 'Source Sans Pro', sans-serif; }
.contact-form-area .contact-form input[type="text"] { border: 1px solid #e0e0e0; color: #777777; font-size: 13px; font-style: italic; height: 45px; margin-bottom: 30px; padding: 0 25px; text-transform: uppercase; width: 100%; font-family: 'Source Sans Pro', sans-serif; transition: all 500ms ease 0s; }
.contact-form-area .contact-form textarea { border: 1px solid #e0e0e0; color: #777777; font-size: 13px; font-style: italic; height: 190px; margin-bottom: 46px; padding: 20px 25px; text-transform: uppercase; width: 100%; transition: all 500ms ease 0s; }
.contact-form-area .contact-form button { background: #f9c740 none repeat scroll 0 0; border: medium none; border-radius: 5px; color: #fff; display: block; font-family: "Source Sans Pro", sans-serif; font-size: 15px; font-weight: 600; height: 50px; padding-bottom: 11px; padding-top: 10px; text-transform: uppercase; width: 165px; }
.contact-form-area .contact-info { }
.contact-form-area .contact-info h2 { color: #222222; font-size: 26px; margin: -7px 0 19px; text-transform: uppercase; }
.contact-form-area .contact-info p { font-style: italic; margin: 0 0 32px; }
.contact-form-area .contact-info ul { }
.contact-form-area .contact-info ul li { margin-bottom: 34px; padding-left: 50px; position: relative; }
.contact-form-area .contact-info ul li:last-child { margin-bottom: 0; }
.contact-form-area .contact-info ul li .icon-holder span::before { background: #f9c740 none repeat scroll 0 0; color: #fff; display: block; font-size: 25px; font-weight: 700; height: 50px; left: 0; padding: 10px 0; position: absolute; text-align: center; top: 0; width: 50px; transition: all 500ms ease 0s; }
.contact-form-area .contact-info ul li .content { padding-left: 25px; }
.contact-form-area .contact-info ul li .content h5 { color: #222222; font-size: 15px; margin: 0 0 16px; text-transform: uppercase; }
.contact-form-area .contact-info ul li .content p { font-size: 17px; font-style: normal; line-height: 24px; margin: 0; }
.contact-form-area .contact-form input[type="text"]:focus { border: 1px solid rgba(249, 199, 64, 0.7); box-shadow: 0 0 5px rgba(249, 199, 64, 0.7); }
.contact-form-area .contact-form textarea:focus { border: 1px solid rgba(249, 199, 64, 0.7); box-shadow: 0 0 5px rgba(249, 199, 64, 0.7); }
.contact-form-area .contact-form button:before { background: #01273a; border-radius: 5px; }
.contact-form-area .contact-info ul li:hover .icon-holder span::before { background: #01273a; }
.slider.autoplay .slick-prev, .slider.autoplay .slick-next, .slider.autoplay .slick-prev:hover, .slider.autoplay .slick-prev:focus, .slider.autoplay .slick-next:hover, .slider.autoplay .slick-next:focus { z-index: 100; cursor: pointer; position: absolute; width: 60px; height: 60px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -o-transform: translateX(-40px); -ms-transform: translateX(-40px); transform: translateX(-40px); opacity: 0; top: 50%; margin-top: -30px; background: rgba(41,47,56,.5); -webkit-transition: background-color .3s ease, opacity .3s ease, -webkit-transform .3s ease; -moz-transition: background-color .3s ease, opacity .3s ease, transform .3s ease; -o-transition: background-color .3s ease, opacity .3s ease, transform .3s ease; -ms-transition: background-color .3s ease, opacity .3s ease, transform .3s ease; transition: background-color .3s ease, opacity .3s ease, transform .3s ease; }
.slider.autoplay .slick-next { -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -o-transform: translateX(40px); -ms-transform: translateX(40px); transform: translateX(40px); }
.ie9 .slider.autoplay .slick-prev, .ie9 .slider.autoplay .slick-next { visibility: hidden; }
.slider.autoplay.slick-slider:hover .slick-prev, .slider.autoplay.slick-slider:hover .slick-next { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
.ie9 .slider.autoplay.slick-slider:hover .slick-prev, .ie9 .slider.autoplay.slick-slider:hover .slick-next { visibility: visible; }
.slider.autoplay .slick-prev > span, .slider.autoplay .slick-next > span { display: none; }
.slider.autoplay .slick-prev { left: 30px; }
.slider.autoplay .slick-next { right: 30px; }
.slider.autoplay .slick-prev:before, .slider.autoplay .slick-next:before { font-family: 'FontAwesome'; font-size: 25px; line-height: 60px; font-weight: bold; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slider.autoplay .slick-prev:before { content: "\f104"; }
.slider.autoplay .slick-next:before { content: "\f105"; }