/*
Theme Name: 	Shape Brands
Theme URI: 		http://ariseinfoway.com/
Author: 		Arise Infoway
Author URI: 	http://ariseinfoway.com/
Description: 	Shape Brands
Version: 		1.0
*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700,700i');

h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, ul, li {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	list-style:none;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

@font-face {
    font-family: 'vodafone_exbregular';
    src: url('css/font/vodafone_exb-webfont.eot');
    src: url('css/font/vodafone_exb-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/font/vodafone_exb-webfont.woff') format('woff'),
         url('css/font/vodafone_exb-webfont.ttf') format('truetype'),
         url('css/font/vodafone_exb-webfont.svg#vodafone_exbregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vodafone_ltregular';
    src: url('css/font/vodafone_lt-webfont.eot');
    src: url('css/font/vodafone_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/font/vodafone_lt-webfont.woff') format('woff'),
         url('css/font/vodafone_lt-webfont.ttf') format('truetype'),
         url('css/font/vodafone_lt-webfont.svg#vodafone_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vodafone_rgregular';
    src: url('css/font/vodafone_rg-webfont.eot');
    src: url('css/font/vodafone_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/font/vodafone_rg-webfont.woff') format('woff'),
         url('css/font/vodafone_rg-webfont.ttf') format('truetype'),
         url('css/font/vodafone_rg-webfont.svg#vodafone_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vodafone_rgbold';
    src: url('css/font/vodafone_rg_bold-webfont.eot');
    src: url('css/font/vodafone_rg_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/font/vodafone_rg_bold-webfont.woff') format('woff'),
         url('css/font/vodafone_rg_bold-webfont.ttf') format('truetype'),
         url('css/font/vodafone_rg_bold-webfont.svg#vodafone_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lsize { width:1141px; margin:0 auto; }

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.cf:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.cf { display: block; }
body { background-color:#fff; font-family:"vodafone_ltregular", Arial, Helvetica, sans-serif; color:#ffffff; font-size:22px; line-height:26px; padding:0; margin:0; text-size-adjust: none ; -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a { color:#333; text-decoration:none; outline:none; display:inline-block; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in; }
a:hover { color:#0070c6; }
img { display:block; max-width:100%; }

h1 {
	font-size:40px;
	font-weight:normal;
	font-family:"vodafone_exbregular", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	padding-left:90px;
	margin-bottom:50px;
	position:relative;
	line-height:40px;
}
h1 span {
	font-size:25px;
	font-style:italic;
	font-family:"vodafone_ltregular", Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:none;
	display:block;
	padding-top:5px;
	line-height:25px;
} 
h3 {
	font-size:28px;
	font-family:"vodafone_ltregular", Arial, Helvetica, sans-serif;
	padding-bottom:20px;
	line-height:28px;
}

p { margin-bottom:20px; }
p:last-child { margin-bottom:0; }

header, header > *, h1.logo { -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in; }
.container { margin:0 auto; width:1141px; }
header { background:#fff; position:fixed; z-index:3; width:100%; top:0; left:0; }
h1.logo { float:left; width:192px; display:block; padding:25px 0; margin:0; position:relative; }
h1.logo a { display:block; }

header.fixed { background:rgba(255,255,255,0.9); }
header.fixed h1.logo { width:160px; padding:10px 0; }
.main-nav { float:right; width:auto; }
.main-nav .mobile-menu { display:none; }
.main-nav li { float:left; }

/*.menu { width: 100%; height:75px; background-color: rgba(0, 0, 0, 1); position: fixed; background-color:rgba(4, 180, 49, 0.6); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.light-menu { width: 100%; height: 75px; background-color: rgba(255, 255, 255, 1); position: fixed; background-color:rgba(4, 180, 49, 0.6); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }*/
/*#menu-center { width: 980px; height: 75px; margin: 0 auto; }
#menu-center ul { margin:15px 0 0 0; }
#menu-center ul li { list-style: none; margin: 0 30px 0 0; display: inline; }
#menu-center ul li a.active { color:#fff; }
#menu-center ul li a { color: black; }*/

header.fixed .main-nav li a { height:75px; line-height:75px; }

.main-nav li a { width:116px; height:116px; line-height:116px; text-align:center; display:block; font-family: 'vodafone_rgbold'; text-transform:uppercase; font-size:16px; color:#3c3c3c; }
.main-nav li a:hover { color:#fff; }
.main-nav li a.active { color:#fff; }
.main-nav li.m-home a:hover,
.main-nav li.m-home a.active { background:#343f5c url(images/pattern.png) 0 0 repeat; }
.main-nav li.m-about-us a:hover,
.main-nav li.m-about-us a.active { background:#f4781b url(images/pattern.png) 0 0 repeat; }
.main-nav li.m-services a:hover,
.main-nav li.m-services a.active { background:#ffa700 url(images/pattern.png) 0 0 repeat; }
.main-nav li.m-portfolio a:hover,
.main-nav li.m-portfolio a.active { background:#00aeef url(images/pattern.png) 0 0 repeat; }
.main-nav li.m-contact a:hover,
.main-nav li.m-contact a.active { background:#cf1600 url(images/pattern.png) 0 0 repeat; }


#home { padding-top:116px; }
.home-slider img { width:100%; }
.home-slider {  }
.home-slider .container { position:absolute; width:100%; height:100%; left:0; top:0; }
.home-slider .details { position:relative; width:100%; z-index:1; height:100%; display:table; text-align:center; }
.home-slider .data { display:table-cell; height:100%; vertical-align:middle; text-transform:uppercase;}
.home-slider .data h1 { font-family: 'Roboto Condensed', sans-serif; font-size:50px; font-weight:400; color:#ffffff; line-height:60px; padding:0; margin:0; }
.home-slider .data h1 b { display:block; font-size:60px; font-weight:600; }

.about-us { width:100%; background:#f4781b url(images/pattern.png) 0 0 repeat; padding:100px 0; }
.about-us h1:after, .services h1:after, .portfolio h1:after, .contact h1:after { content:""; position:absolute; top:0; left:0; width:70px; height:70px; }
.about-us h1:after { background:url(images/about-us-shape.png) 0 0 no-repeat; }

.owl-controls .owl-next, .owl-controls .owl-prev { outline:none; width:20px; height:30px; margin-top:-20px; display:block; position: absolute; top:50%; cursor:pointer; text-indent:-9999px;}
.owl-controls .owl-next { background:url(images/next-arrow.png) 0 0 no-repeat; background-size:cover; right:25px; }
.owl-controls .owl-next:hover { background:url(images/next-arrow-h.png) 0 0 no-repeat; background-size:cover; }
.owl-controls .owl-prev { background:url(images/prev-arrow.png) 0 0 no-repeat; background-size:cover; left:25px;}
.owl-controls .owl-prev:hover { background:url(images/prev-arrow-h.png) 0 0 no-repeat; background-size:cover; }

.services { width:100%; background:#ffa700 url(images/pattern.png) 0 0 repeat; padding:100px 0; }
.services h1:after { background:url(images/services-shape.png) 0 0 no-repeat; }

.services-icon { text-align:center; padding:50px 0; font-size:0; }
.services-icon li { display:inline-block; margin:5px 20px; -moz-border-radius:60px; -webkit-border-radius:60px; border-radius:60px; }
.services-icon li a { width:80px; height:80px; display:inline-block; -moz-border-radius:60px; -webkit-border-radius:60px; border-radius:60px; }
.services-icon li.one a { background:#ed1d24; }
.services-icon li.one a:hover { background:#333; }
.services-icon li.two a { background:#f5821f; }
.services-icon li.two a:hover { background:#333; }
.services-icon li.three a { background:#ffd400; }
.services-icon li.three a:hover { background:#333; }
.services-icon li.four a { background:#00adef; }
.services-icon li.four a:hover { background:#333; }
.services-icon li.five a { background:#ed1d24; }
.services-icon li.five a:hover { background:#333; }
.services-icon li.six a { background:#f5821f; }
.services-icon li.six a:hover { background:#333; }
.services-icon li.seven a { background:#ffd400; }
.services-icon li.seven a:hover { background:#333; }
.services-icon li.eight a { background:#00adef; }
.services-icon li.eight a:hover { background:#333; }
.services-icon li.nine a { background:#ed1d24; }
.services-icon li.nine a:hover { background:#333; }
.services-list .col_01 { width:25%; padding-right:1%; float:left; }
.services-list .list-01 { font-size:0; }
.services-list .list-01 li { font-size:20px; line-height:24px; width:25%; display:inline-block; padding-right:10px; }
.services-list .list-01 li a { color:#ffffff; }
.services-list .list-01 li a:hover { color:#000000; }


.portfolio { padding:100px 0; background:#00aeef url(images/pattern.png) 0 0 repeat; color:#fff; }
.portfolio h1:after { background:url(images/portfolio-shape.png) 0 0 no-repeat; }
.portfolio h2 { font:20px "vodafone_ltregular", Arial, Helvetica, sans-serif; color:#000; border-bottom:1px solid #00a4e2; padding-bottom:10px; margin-bottom:10px; }
.portfolio .slider { padding:40px 0; text-align:center; }
.portfolio .slider img { width:100%; }
.portfolio .col_01 { width:24%; padding-right:1%; float:left; font-size:12px; color:#000; line-height:16px; }
.portfolio .pro-title { padding:60px 50px 60px 0; text-align:right; font:22px "vodafone_ltregular", Arial, Helvetica, sans-serif; }
.portfolio .pro-title li { display:inline; text-transform:uppercase; padding:0 20px; }
.portfolio .pro-title li a { color:#fff; }
.portfolio .pro-title li a:hover { color:#ffa700; }
.portfolio .pro-title li.active a { font:22px "vodafone_rgbold", Arial, Helvetica, sans-serif; color:#ffa700; }
.portfolio .portfolio li { float:left; width:23%; display:inline; background:#fff; padding:10px; margin:0 1% 2% 1%; box-shadow:0 0 3px #888888; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.portfolio .portfolio li a { color:#919699; font:16px "vodafone_ltregular", Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; display:block; }
.portfolio .portfolio li img { width:100%; }
.portfolio .portfolio li a b { padding:8px 0 3px 0; display:block; color:#192430; font:20px "vodafone_rgbold", Arial, Helvetica, sans-serif; }
.portfolio .portfolio li a:hover { color:#fff; }
.portfolio .portfolio li:hover { background:#ffa700; }

/****************** Portfolio Page ******************/
#portfolio-list { padding:50px 0 0 0; }

#portfolio-list .cd-gallery ul { margin-left:-2%; }
#portfolio-list .cd-gallery li { position:relative; float:left; overflow:hidden; /*background:#000;*/ }
#portfolio-list .cd-gallery li a { display:block; overflow:hidden; }
#portfolio-list .cd-gallery li.two-col { width:50%; }
#portfolio-list .cd-gallery li.three-col { width:31.3333%; margin:1%; padding:5px; background:#ffffff; }
#portfolio-list .cd-gallery li.four-col { width:23%; margin:1% 0 1% 2%; padding:5px; background:#ffffff; }
#portfolio-list .cd-gallery li .project-detail { opacity:0; position:absolute; top:0; left:0; height:100%; width:100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); }
#portfolio-list .cd-gallery li:hover .project-detail {  opacity:1; top:0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#portfolio-list .cd-gallery li:hover .project-detail { background:rgba(0, 0, 0, 0.8); }
#portfolio-list .cd-gallery li .project-detail h2 { color:#ffffff; font-size:22px; padding-bottom:10px; text-align:center; border-bottom:none; }
#portfolio-list .cd-gallery li .project-detail h5 { color:#ffa700; font-size:18px; text-align:center; }
#portfolio-list .cd-gallery li img { -webkit-transition: all 0.30s ease-in; -moz-transition: all 0.30s ease-in; -o-transition: all 0.30s ease-in; transition: all 0.30s ease-in; }
#portfolio-list .cd-gallery li .project-detail .project-container { display:table; width:100%; height:100%; }
#portfolio-list .cd-gallery li .project-detail .project-middle { display:table-cell; vertical-align:middle; height:100%; padding:0 10%; }

#portfolio-slider { padding:30px 0 0 0; }

.contact { padding:100px 0; background:#cf1600 url(images/pattern.png) 0 0 repeat;  }
.contact h1:after { background:url(images/contact-shape.png) 0 0 no-repeat; }

.contact-details { width:100%; /*float:left;*/ font-size:18px; }
.contact-details .title { margin-bottom:5px; }
.contact-details .ho, .contact-details .bo { float:left; width:30%; padding-right:20px; }
.mainMap { width:100%; border:1px solid rgba(255,255,255,0.7); padding:3px; margin-top:20px; }
#map { width:100%; height:400px;  }

.contact-details b { font-family:"vodafone_rgbold", Arial, Helvetica, sans-serif; }
.phone, .email, .telephone { font:17px "vodafone_rgbold", Arial, Helvetica, sans-serif; font-weight:400; padding-left:20px; position:relative; margin-bottom:10px; line-height:24px; }
.phone a:before, .email a:before, .telephone a:before { position:absolute; font-family: 'FontAwesome'; margin-right:5px; font-weight:normal; left:0; }
.phone a:before { content:"\f10b"; font-size:20px; }
.email a:before { content:"\f003"; font-size:16px; }
.telephone a:before { content:"\f095"; font-size:16px; }

.email { margin-right:0; }
.phone a, .email a, .telephone a { text-decoration: none; color: #ffffff; }
.phone a:hover, .email a:hover, .telephone a:hover { color: #000000; }
#adress { position: absolute; margin-top:100px; margin-left:295px; }

::-webkit-input-placeholder { color:#ffd1cb; }
:-moz-placeholder { /* Firefox 18- */ color:#ffd1cb; }
::-moz-placeholder { /* Firefox 19+ */ color:#ffd1cb; }
:-ms-input-placeholder { color:#ffd1cb; }

.contact .form { width:40%; float:left; margin-top:20px; }
.contact .form ul { margin-left:-3%; }
.contact .form li { width:47%; float:left; margin:0 0 20px 3%; }
.contact .form li.fwidth { width:97%; float:left; }
.contact .form input, .contact .form textarea, .contact .form select { border:none; outline:none; }
.contact .form .input { font:14px "glegooregular", Arial, Helvetica, sans-serif; color:#fff; border:none; background:#bb1600; width:100%; padding:11px 0; text-indent:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.contact .form .input:hover { color:#fff; }
.contact .form select.input { padding-left:10px; padding-right:10px; text-indent:0; width:100%; }
.contact .form .textarea { font:14px "glegooregular", Arial, Helvetica, sans-serif; color:#fff; background:#bb1600; width:100%; height:100px; padding:11px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; resize:none; }
.contact .form .textarea:hover { color:#fff; }
.contact .form .btn { float:right; background:url(images/submit-btn.png) 0 0 no-repeat; margin:-48px 40px 0 0; width:49px; height:53px; cursor:pointer; text-indent:-9999px; z-index:1; position:relative; }
.contact .form .btn:hover { background:url(images/submit-btn-h.png) 0 0 no-repeat; }


#footer span.back_top { position:fixed; bottom:20px; right:20px; cursor:pointer; display:none; z-index:1000; background:url(images/back_to_top.png) 50% 50% no-repeat; background-size:cover; text-indent:-9999px; width:40px; height:40px;}

#footer { background:#181e2e url(images/pattern.png) 0 0 repeat; color:#fff; }

footer { padding:25px 0; background:#191925; color:#fff; font-size:18px; }
footer a { color:#fff; text-decoration:none; }
footer a:hover { color:#b5c833; }

footer .copyright { float:right; padding:10px 0; }
footer span { display:inline-block; }
footer .social-media { float:left; }
footer .social-media ul { font-size:0; line-height:normal; }
footer .social-media li { display:inline-block; margin-right:10px; }
footer .social-media li a { display:block; }

.tos-wrapper.tos-fixed { background:#00aeef url(images/pattern.png) 0 0 repeat; }
span.wpcf7-not-valid-tip { color:#fff000 !important; font-size:14px !important; }
.contact .form li .textarea-msg span.wpcf7-not-valid-tip { position:absolute; width:150px; }
#cbpw-loadMore2 .cbp-l-loadMore-link { color:#fff !important; background-color:#0072a3 !important; border-color:rgba(255,255,255,0.5) !important; }
#cbpw-loadMore2 .cbp-l-loadMore-link:hover { color:#fff !important; background-color:#52d1ff !important; }
.cbp-filter-item:first-child, .cbp-l-filters-alignRight div:first-child { display:none; }