/*--------------------------------------------------
AERO html/css template - style.css

URL:gozawi.com
SUPPORT: wtxinc@gmail.com
CODE: A001H

---------------------------------------------------*/
  
/****************************************************************************
1. CSS Reset
****************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }

/****************************************************************************
2. Font Face
****************************************************************************/

@font-face {
    font-family: 'EntypoRegular';
    src: url('../fonts/entypo-webfont.eot');
    src: url('../fonts/entypo-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/entypo-webfont.woff') format('woff'),
         url('../fonts/entypo-webfont.ttf') format('truetype'),
         url('../fonts/entypo-webfont.svg#EntypoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PWNewArrows';
    src: url('../fonts/PWNewArrows.eot');
    src: url('../fonts/PWNewArrowsd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PWNewArrows.woff') format('woff'),
         url('../fonts/PWNewArrows.ttf') format('truetype'),
         url('../fonts/PWNewArrows.svg#EntypoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/OpenSans-LightItalic-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../fonts/OpenSans-SemiboldItalic-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/****************************************************************************
3. BASIC STYLES
****************************************************************************/

html { height: 100%; overflow-x:hidden; }

h1,h2,h3,h4,h5,h6{  }

h1{ font-size:46px; line-height:32px; }
h2{ font-size:38px; }
h3{ font-size:24px; }
h4{ font-size:18px; }
h5{ font-size:14px; }
h6{ font-size:12px; }

.font-size-72px { font-size:72px; }
.font-size-60px { font-size:60px; line-height:72px; }
.font-size-55px { font-size:55px; }
.font-size-50px { font-size:50px; }
.font-size-48px { font-size:48px; }
.font-size-41px { font-size:41px; }
.font-size-30px { font-size:30px; }
.font-size-24px { font-size:24px; }
.font-size-18px { font-size:18px; }
.font-size-14px { font-size:14px; }
.font-size-11px { font-size:11px; }

.font { font-family: "OpenSansLight", Arial, Helvetica,sans-serif; }
.bold { font-family: "OpenSansBold", Arial, Helvetica,sans-serif; }
.italic { font-family: "OpenSansItalic", Arial, Helvetica,sans-serif; }
.icon { font-family: "EntypoRegular", Arial, Helvetica,sans-serif; }
.arrows { font-family: "PWNewArrows", Arial, Helvetica,sans-serif; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a {text-decoration: none; }
a:focus { outline: 0px none; }
a:hover, a:active { outline: 0px none; }

.display-none { display:none; }
.border-none { border:none !important; }
.opacity-0 { opacity:0; }

.clearfix:before, .clearfix:after { content: ""; display: table; } 
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear {clear:both; }

.button { min-width:102px; display:block; text-align:center; padding: 8px 0; display:table; }
.button a { width:100%; display:table; }

.next-p, .margin-top-25px { margin-top:25px; }
.float-left { float:left; }
.quote { padding-left:50px; border-style:solid; border-width: 0 0 0 3px; }

.one-half{ width:48%; }
.one-third{ width:30.66%; }
.two-third{ width:65.33%; }
.one-fourth{ width:22%; }
.three-fourth{ width:74%; }
.one-fifth{ width:16.8%; }
.two-fifth{ width:37.6%; }
.three-fifth{ width:58.4%; }
.four-fifth{ width:67.2%; }
.one-sixth{ width:13.33%; }
.five-sixth{ width:82.67%; }
.one-half,.one-third,.two-third,.three-fourth,.one-fourth,.one-fifth,.two-fifth,.three-fifth,.four-fifth,.one-sixth,.five-sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }

/****************************************************************************
4.WRAPPERS
****************************************************************************/

.wrapper-top { background: url(../images/top-wrapper2.jpg) 50% 0 fixed; height:100%; width:100%; position:relative;  }
.wrapper-top-mask { width:100%; height:100%; }
.wrapper-top-center { max-width:960px; width:100%; height:100%; margin:0 auto; position:relative; ; }
.wrapper-top-small-text { margin:0 auto; margin-top:65px; display:table; opacity:0; }

.wrapper-top .button-first{ position:absolute; bottom: 155px; left:17px; opacity:0; z-index:1; }
.wrapper-top .button-second { position:absolute; bottom: 155px; left:137px; opacity:0; z-index:1; }
.wrapper-top .logo { position:absolute; right:10px; bottom:93px; opacity:0; }
.wrapper-top .logo2 {
	padding-top: 0%;
	padding-left: 42%;
	position: relative;
}


.rotate-div { padding-top: 100px; opacity: 0; }
.rotate ul { width:100%; text-align:center; }

.normal-wrapper { width:100%;}
.normal-wrapper .wrapper-top-mask { padding: 100px 0; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  }
.normal-wrapper h1 { text-align:center; }
.normal-wrapper .h1-span { margin:0 auto; display:table; margin-top:25px; margin-bottom:100px; text-align:center; }

.video-wrapper { height:611px; }
.client-wrapper { height:611px; }
.social-wrapper { height:611px; }
.contact-wrapper { height:905px; }

.wrapper-1 { background: url(../images/wrappers/1.jpg) 50% 50% fixed; }
.wrapper-2 { background: url(../images/wrappers/2.jpg) 50% 50% fixed; }
.wrapper-3 { background: url(../images/wrappers/3.jpg) 50% 50% fixed; }
.wrapper-4 { background: url(../images/wrappers/5.jpg) 50% 50% fixed; }

/****************************************************************************
5. MAIN MENU
****************************************************************************/

.menu { position:absolute; bottom:50px; width:100%; height:55px; opacity:0; z-index:100; }
.menu .detail { width: 0px; height: 0px; border-style: solid;border-width: 0 10px 10px 10px; position:absolute; left:17px; top:-10px; opacity:0; }

.menu-center { max-width:960px; height:55px; margin:0 auto;  border-width: 0 0 2px 0; border-style: solid; position:relative; }
.menu-center .desktop { float:left; margin-top:15px; }
.menu-center .desktop li { display:inline; margin-left:15px; }
.menu-center .social { float:right; margin-top:18px; }
.menu-center .social li { display:inline; margin-right:10px; }
.menu-center .social img { width:14px; }

.mobile-menu-list { text-align:center; display:none; margin-bottom:10px; }
.mobile-menu-list li { padding:10px 0; }

.mobile-button  { display:none; margin:0 auto; cursor:pointer; margin-top:10px; margin-bottom:16px; }

/****************************************************************************
6. SECTIONS
****************************************************************************/

.section-center { max-width:960px; margin:0 auto;  }
.section-center-color { max-width:960px; margin:0 auto; margin-top:100px;  }
.normal-section { margin-top:100px; display:table; width:100%; }
.normal-section-color { margin-top:100px; display:table; width:100%; padding-bottom:50px; }
.normal-section h1 { text-align:center; }
.normal-section .h1-span { margin:0 auto; display:table; margin-top:25px; margin-bottom:100px }
.normal-section h4 { margin-bottom:15px; }

.section-center-color-header { border-style:solid; border-width:  0 0 0; padding-top:25px; margin-top:-50px; opacity:0; margin-bottom:50px; }

/****************************************************************************
7. ABOUT US
****************************************************************************/

.timeline { margin-top:70px; position:relative; }
.timeline .action { opacity:0; }
.timeline .action .arrows { margin:0 auto; display:table; }
.timeline .action .date { margin:0 auto; display:table; margin-top:5px; }
.timeline .action  .pointer { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); padding-bottom:10px; margin:0 auto; display:table; margin-top:-15px; }

.timeline .detail { transform:rotate(35deg); -webkit-transform:rotate(35deg);  -moz-transform:rotate(35deg); -o-transform:rotate(35deg); }
.timeline .detail2 { transform:rotate(-35deg); -webkit-transform:rotate(-35deg);  -moz-transform:rotate(-35deg); -o-transform:rotate(-35deg); }
.timeline .detail2 .flip {  -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1);  }

.timeline .arrow1 { position:absolute; top:-9px; left:120px; }
.timeline .arrow2{ position:absolute; top:-9px; left:285px; }
.timeline .arrow3 { position:absolute; top:-9px; left:450px; }
.timeline .arrow4 { position:absolute; top:-9px; left:615px; }
.timeline .arrow5 { position:absolute; top:-9px; left:780px; }

.timeline   { -webkit-animation: floating 2s infinite linear; -moz-animation: floating 2s infinite linear; -ms-animation: floating 2s infinite linear; -o-animation: floating 2s infinite linear; position: relative;  }

/****************************************************************************
8. OUR TEAM
****************************************************************************/

.our-team  { margin-bottom:50px; min-height:125px; }
.our-team .avatar { width: 90px; height: 90px; position: relative; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; margin:0 auto; }
.our-team .avatar .avatar-detail{ width: 33px; height: 33px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; position:absolute; top:5px; left:-15px; text-align:center; }
.our-team  h5 { margin-bottom:10px; }
.our-team .social { margin:0 auto; display:table; margin-top:10px; }
.our-team .social li { display:inline; margin-right:10px; }
.our-team .social img { width:12px; }

.our-team .avatar1 { background: url(../images/our-team/1.jpg) 50% 50%; opacity:0; margin-top:-50px; }
.our-team .avatar2 { background: url(../images/our-team/2.jpg) 50% 50%; opacity:0; margin-top:-50px; }
.our-team .avatar3 { background: url(../images/our-team/3.jpg) 50% 50%; opacity:0; margin-top:-50px; }
.our-team .avatar4 { background: url(../images/our-team/4.jpg) 50% 50%; opacity:0; margin-top:-50px; }
.our-team .avatar5 { background: url(../images/our-team/5.jpg) 50% 50%; opacity:0; margin-top:-50px; }
.our-team .avatar6 { background: url(../images/our-team/6.jpg) 50% 50%; opacity:0; margin-top:-50px; }

/****************************************************************************
9. VIDEO WRAPPER
****************************************************************************/

.video-choose { width:80%; margin:0 auto; }

.video-small { width:100%; height:90px; z-index:8; border:none; border-width:0; }
.video-hover { position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; z-index:10; }

.video-big { width:80%; margin:0 auto; height:420px; display:table; padding-top:25px; border:none; border-width:0; } 

.video-current { border-style:solid; border-width: 0 0 5px 0; }
.video-detail { background: url(../images/video-detail.png) no-repeat; width:849px; height:90px; margin:0 auto; margin-top:2px; }

.after-video-section { margin-top:100px; }

/****************************************************************************
10. SERVICES
****************************************************************************/

.services { margin-top:0; opacity:0; }
.service { text-align:center; border-style:solid; border-width:1px; padding: 30px 20px 50px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.service p { margin-top:10px; }

.service-detail { -moz-border-radius: 27px / 27px 27px 27px 27px;
-webkit-border-radius: 27px / 27px 27px 27px 27px;
border-radius: 27px / 27px 27px 27px 27px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width:55px; height:47px; padding-top:8px; position:absolute; bottom:-26px; left:77px; overflow: hidden;
}

/****************************************************************************
11. OUR PRICING
****************************************************************************/

.our-pricing { text-align:center; margin-bottom:50px; }
.our-pricing span { width:100%; display:table; }
.our-pricing .price, .our-pricing p, .our-pricing ul { margin-top:30px; }
.our-pricing ul li { border-style:solid; border-width: 2px 0 0 0; padding: 5px 0; }

/****************************************************************************
12. CLIENT WRAPPER
****************************************************************************/

.client-wrapper { margin-bottom:40px; }
.client-wrapper .one-fourth { height:120px; text-align:center; }
.client-wrapper .one-fourth:before { content: ""; display: inline-block;  height: 100%; vertical-align: middle; }
.client-wrapper .one-fourth > img { display: inline-block; vertical-align: middle; opacity:0; }

/****************************************************************************
13. SERVICES
****************************************************************************/

.portfolio { margin-top:50px; }
.portfolio .one-fourth { margin-top:31px; }
.portfolio-text { height:211px; text-align:center; border-style:solid; border-width:1px; padding: 30px 20px 50px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.portfolio-text p { margin-top:10px; }
.portfolio-img img { width:100%; height:211px; }

.portfolio-detail { -moz-border-radius: 27px / 27px 27px 27px 27px;
-webkit-border-radius: 27px / 27px 27px 27px 27px;
border-radius: 27px / 27px 27px 27px 27px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width:55px; height:47px; padding-top:8px; position:absolute; bottom:-60px; left:77px; overflow: hidden;  opacity:0;
}

.portfolio-mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: none; }
.portfolio-content { display: none; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
  padding: 30px;
  overflow: auto;
  z-index: 1001;
  position: absolute;
  width: 100%;
  height:100%;
}

.portfolio-content .button { padding: 5px 0; width:40px; float:left; margin-right:5px; }
.portfolio-content h2 { margin-top:50px; }
.portfolio-content img { width:100%; }
.portfolio-content-span { margin-bottom:50px; display:table; margin-top:20px; }
.portfolio-content .normal-view { opacity:0; }
.portfolio-hide { display:none !important; }

.portfolio-line1, .portfolio-line2, .portfolio-line3, .portfolio-line4 { opacity:0; }

.portfolio-video { width:100%; height:500px; border:none; border-width:0; }
.portfolio-music { width:100%; height:166px; border:none; border-width:0; }

/****************************************************************************
14. FEATURED WORK
****************************************************************************/

.featured-work h4 { margin-bottom:5px; }
.featured-work .button { width:100px; float:left; margin-right:10px; margin-top:25px; margin-bottom:50px; }
.scene { height:100px; margin-top:260px; margin-left:40px; }
.scene li { display:table; }
.scene-detail { width:45px; height:40px; text-align:center; padding-top:5px; -moz-border-radius: 24px / 23px; -webkit-border-radius: 24px / 23px; border-radius: 24px / 23px; }
.scene-detail-big { width:60px; height:49px; text-align:center; padding-top:11px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }
.layer:nth-child(2) { margin-top:-80px; margin-left:120px; }
.layer:nth-child(4) { margin-top:170px; margin-left:40px; }
.layer:nth-child(5) { margin-top:280px; margin-left:190px; }
.layer:nth-child(6) { margin-top:30px; margin-left:-280px; }
.layer:nth-child(6) div { transform:rotate(200deg); -webkit-transform:rotate(200deg);  -moz-transform:rotate(200deg); -o-transform:rotate(200deg); }
.layer:nth-child(7) { margin-top:210px; margin-left:-260px; }
.layer:nth-child(7) div { transform:rotate(200deg); -webkit-transform:rotate(200deg);  -moz-transform:rotate(200deg); -o-transform:rotate(200deg); }
.layer:nth-child(8) { margin-top:20px; margin-left:140px; }
.layer:nth-child(8) div { transform:rotate(55deg); -webkit-transform:rotate(55deg);  -moz-transform:rotate(55deg); -o-transform:rotate(55deg); }
.layer:nth-child(9) { margin-top:180px; margin-left:180px; }
.layer:nth-child(9) div { transform:rotate(-25deg); -webkit-transform:rotate(-25deg);  -moz-transform:rotate(-25deg); -o-transform:rotate(-25deg); }
.featured-work-text { margin-bottom:50px; }
.featured-work-text h4 { margin-bottom:15px; }

/****************************************************************************
15. SOCIAL AREA
****************************************************************************/

.tweet { text-align:center; }
.tweet_list li { margin-bottom:20px; }

/****************************************************************************
16. THE BLOG
****************************************************************************/

.blog-post { margin-bottom:20px; display:table; opacity:0; }
.blog-post .one-fourth { height:211px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-style:solid; border-width:1px; padding:20px; }
.blog-post .one-fourth img { width:100%; height:100%; }
.blog-post .three-fourth .meta-info { float:left; margin-top:8px; margin-right:10px; margin-bottom:8px; }
.blog-post .read-more { float:right; margin-top:35px; }

/****************************************************************************
17. MORE BLOG
****************************************************************************/

.more-blog h5 { margin-bottom:5px; }
.more-blog .button { width:100px; margin-top:30px; }
.more-blog p { margin-bottom:50px; }

/****************************************************************************
18. CONTACT
****************************************************************************/

.contact-wrapper h4 { margin-bottom:50px; }
.contact-wrapper #map { width:100%; height:200px; margin-top:30px; }

.contact-form input[type=text], .contact-textarea { width:100%; outline:none; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; webkit-appearance: none; -webkit-border-radius: 0; height:40px; padding: 0 10px; margin-top:15px; font-family: "Open Sans", sans-serif; border:none;  margin-bottom:20px; }
.contact-textarea { height:159px; padding: 10px; }
.contact-submit { cursor:pointer; outline:none; -webkit-border-radius: 0; float:right; }
.contact-form .submit  input[type=text] { width:100px; margin-top:0; float:right; margin-right:10px; }
.contact-form .submit .button { padding: 11px 0; margin-top:-1px; }
.contact-form .submit .submit-text { float:right; margin-right:10px; margin-top:8px; }

/****************************************************************************
19. FOOTER
****************************************************************************/

.footer-section { margin-top:0; padding-bottom:15px; }
.footer-section .section-center-color { margin-top:15px; }
.footer-section .section-center-color a { float:left; margin-right:10px; }
.footer-section .section-center-color span { float:right; }

/****************************************************************************
20. PAGE CSS
****************************************************************************/

.menu-page { opacity:1; position:relative; }
.menu-center  { border-style:solid; border-width: 0 0 1px 0; }

.page-wrapper { height:300px; }

.widget-area h5 { margin-bottom:25px; }

.wraper-top-page { height:200px; }
.blog-page .blog-post { opacity:1; }

.pagination { margin-top:30px; }
.pagination .button { min-width:0; width:40px; }
.pagination li { float:left; margin-right:10px; margin-top:10px; }

.search { position:relative; margin-top:-8px; }
.search-field { width:100%; outline:none; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; webkit-appearance: none; -webkit-border-radius: 0; height:40px; padding: 0 10px; margin-top:15px; font-family: "Open Sans", sans-serif; border:none; padding-right:45px; }
.search-button { position:absolute; right:5px; top:20px; border:none; outline:none; webkit-appearance: none; -webkit-border-radius: 0; background:none; cursor:pointer; width:30px; height:30px; }

.open-post .meta-info { float:left; margin-top:8px; margin-right:10px; margin-bottom:8px; margin-bottom:20px; }
.open-post .photo { height:311px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-style:solid; border-width:1px; padding:20px; display:table; width:100%; margin-bottom:20px; }
.open-post .photo img { width:100%; height:100%; }
.open-post .border-photo { height: 211px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-style: solid; border-width: 1px; padding: 20px; }
.open-post .border-photo img { width:100%; height:100%; }

.comments { margin-top:50px; }
.comments ul { margin-top:25px; }
.comments ul li { margin-bottom:25px; }
.comments ul li  p{ margin-top:5px; }
.comments .reply { padding-left:25px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.comment-form { margin-top:50px; }
.comment-form h3 { margin-bottom:25px; }
.comment-form input[type=text], .comment-textarea { width:100%; outline:none; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; webkit-appearance: none; -webkit-border-radius: 0; height:40px; padding: 0 10px; margin-top:15px; font-family: "Open Sans", sans-serif; border:none;  margin-bottom:20px; }
.comment-textarea { height:159px; padding: 10px; }
.comment-submit { cursor:pointer; outline:none; -webkit-border-radius: 0; float:right; }
.comment-form .submit  input[type=text] { width:100px; margin-top:0; float:right; margin-right:10px; }
.comment-form .submit .button { padding: 11px 0; margin-top:-1px; }

/****************************************************************************
21. SAFARI & IE9 HACKS
****************************************************************************/

.if-sarafi-img { display:none; }

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    ::i-block-chrome, .if-safari-scene { display:none; }
	::i-block-chrome, .if-sarafi-img { display:table; margin:0 auto; }
	::i-block-chrome, .contact-form input[type=text] { font-family: Arial; }
}

.ie9 .arrows { display:none; }

/****************************************************************************
22. RESPONSIVE
****************************************************************************/

@media all and ( max-height: 700px ) {
.arrows, .portfolio-detail, .service-detail, .if-safari-scene { display:none; }
.if-sarafi-img { display:table; margin:0 auto; }
}

@media all and ( max-height: 600px ) {
.logo { display:none; }
}

@media all and ( max-width: 990px ) {
.mobile-button { display:table; }
.desktop, .social { display:none }
.menu-center { height:auto; }
.menu { height:auto; display:table; }
.section-center, .section-center-color { padding-left:25px; padding-right:25px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.arrows, .portfolio-detail, .service-detail, .if-safari-scene { display:none; }
.if-sarafi-img { display:table; margin:0 auto; }
.our-team .avatar { margin-top:0; opacity:1; }
}

@media all and ( max-width: 972px ) {
.client-wrapper .one-fourth > img { width:70%; }
}
@media all and ( max-width: 910px ) {
.portfolio .one-fourth { width:100%; }
.portfolio .one-fourth img { width:211px; height:211px; margin:0 auto; display:table; }
.timeline, .video-detail { display:none; }
.timeline-content { display:table; opacity:1; margin-top:25px; }
}

@media all and ( max-width: 850px ) {
.our-team { width:100%; }
.blog-page .one-fourth, .blog-page .three-fourth { width:100%; }
.blog-page .one-fourth img { width:auto; margin:0 auto; display:table; }
}

@media all and ( max-width: 750px ) {
.our-pricing { width:100%; }
.service { width:100%; margin-top:25px; }
.blog-post .one-fourth, .blog-post .three-fourth { width:100%; }
.blog-post .three-fourth { margin-top:25px; }
.blog-post .one-fourth img { width:150px; height:150px; margin:0 auto; display:table; }
}

@media all and ( max-width: 680px ) {
.featured-work .one-third { width:100%; }
h1 { line-height:72px; }
.widget-area .one-third { width:100%; margin-bottom:40px; }
.open-post .photo { height:250px; }
}

@media all and ( max-width: 530px ) {
.contact-wrapper .one-half{ width:100%; margin-bottom:25px;}
.contact-wrapper .contact-form .one-half { width:48%; }
.contact-wrapper, .contact-wrapper .wrapper-top-mask { height:auto; display:table;  }
.more-blog .one-fourth, .more-blog .three-fourth { width:100%; }
.open-post .photo { height:220px; }
}

@media all and ( max-width: 500px ) {
.video-big { height:300px; }
.footer-section .section-center-color span{ float:left; }
.client-wrapper .one-fourth { width:100%; }
.client-wrapper .one-fourth img { width:auto; }
.client-wrapper, .client-wrapper .wrapper-top-mask  { height:auto; display:table; }
}

@media all and ( max-width: 460px ) {
.our-team .one-fourth, .our-team .three-fourth { width:100%; }
.our-team .one-fourth { margin-bottom:15px; }
.open-post .photo { height:180px; }
}

@media all and ( max-width: 460px ) {
.wrapper-top-center .button { display:none; }
.after-video-section { margin-top:200px; }
}

@media all and ( max-width: 420px ) {
.wrapper-top-small-text { padding-left:20px; padding-right:20px; text-align:center; }
.video-big { height:200px; }
.one-half { width:100%; margin-bottom:20px; }
.open-post .photo { height:150px; }
}