/*
Theme Name: Atjeh
Theme URI: http://www.themesawesome.com
Author: Themes Awesome
Author URI: http://www.themesawesome.com
Description: Responsive Blog Theme
Tags : Clean, Blog, Responsive
Version: 1.2
License:      GNU General Public License V2
License URI:      license.txt
-----------------------------------------------------------------------------------
  1.  BASE
  2.  HEADER
      2a. Logo
  3.  MENU
  4.  CONTENT
      4a. Video Background
      4b. Section Title
      4c. Section Portfolio
      4d. Section Testimonial
      4e. Section Blog
      4f. Section Team
      4g. Section Client
      4h. Blog Loop
      4i. Single Post
      4j. Single Portfolio
      4k. Single Page
      4l. 404
      4m. Contact
      4n. Shortcode
  5.  FOOTER
      5a. Footer Widget
      5b. Newsletter Widget
      5c. Category Widget
  6.  THIRD PARTY STYLING
  7.  MEDIA QUERIES
-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*  1. BASE
/*-----------------------------------------------------------------------------------*/

html{
font-size:62.5%;
-webkit-font-smoothing:antialiased;
height:100%;
}
body{
word-wrap:break-word;
-ms-word-wrap:break-word;
font-size:16px;
font-size:1.6rem;
height:100%;
line-height:1.6;
background:#f8f8f8;
letter-spacing: 0.2px;
}
h1,h2,h3,h4,h5,h6{
font-weight:bold;
}
h1{
font-size:50px;
font-size:5rem;
line-height:1.4;
}
h2{
font-size:49px;
font-size:4.9rem;
line-height:1;
}
h3{
font-size:30px;
font-size:3rem;
line-height:1.11111;
}
h4{
font-size:20px;
font-size:2rem;
line-height:1.125;
}
h5{
font-size:18px;
font-size:1.8rem;
line-height:1.125;
}
h6{
font-size:16px;
font-size:1.6rem;
line-height:1.125;
}
p{
color:#222222;
margin:0 0 20px;
}
a{
cursor:pointer;
outline:none;
color:#FF7878;
}
a:hover, a:active, a:focus{
text-decoration:none;
outline:none;
color:#ecae80;
}
table{
width:80%;
margin-bottom:20px;
}
th, td{
padding:8px;
line-height:20px;
text-align:left;
vertical-align:top;
border:1px solid #ddd;
}
th{
font-weight:bold;
border-bottom:2px solid;
text-align:center;
}
*::-moz-selection{
background:#000;
color:#fff;
}
*::selection{
background:#000;
color:#fff;
}
img{
max-width:100%;
height:auto;
}
button{
background-image:none;
background:transparent;
}
#preloader{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:#fff;
z-index:99999;
}
#status{
width:200px;
height:200px;
position:absolute;
left:50%;
top:50%;
background-image:url(img/status.gif);
background-repeat:no-repeat;
background-position:center;
margin:-100px 0 0 -100px;
}
.sticky .post-title:before{
content:"Featured Post";
padding:5px 10px;
font-size:12px;
font-size:1.2rem;
color:#222222;
}
.bypostauthor{
background:#ffffff;
}
.bypostauthor > .comment .comment-author cite:after{
content:"post author";
font-size:7px;
font-size:0.693333rem;
font-style:italic;
margin-left:6px;
}
.aligncenter{
display:block;
margin-left:auto;
margin-right:auto;
}
.alignright{
float:right;
}
img{
max-width:100%;
height:auto;
}
img.aligncenter, img.alignnone{
margin-bottom:12px;
}
img.alignleft{
margin:12px 24px 12px 0;
margin:10px 20px 10px 0;
}
img.alignright{
margin:12px 0 12px 24px;
margin:10px 0 10px 20px;
}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption{
font-style:italic;
line-height:2;
color:#757575;
font-size:12px;
font-size:1.2rem;
text-align:left;
}
hr.seperator{
border-top:1px solid #e5e5e5;
}
.button{
position:relative;
z-index:1;
}
.button a{
overflow:hidden;
position:relative;
display:inline-block;
outline:none;
color:#FF7878;
text-decoration:none;
text-transform:uppercase;
letter-spacing:1px;
font-weight:400;
text-shadow:0 0 1px rgba(255,255,255,0.3);
}
.button a span{
display:block;
padding:10px 20px;
background:#fff;
border:2px solid #FF7878;
/*transition*/
-webkit-transition:-webkit-transform 0.3s;
   -moz-transition:   -moz-transform 0.3s;
     -o-transition:     -o-transform 0.3s;
        transition:        transform 0.3s;
}
.button a::before{
position:absolute;
top:0;
left:0;
z-index:-1;
padding:10px 20px;
width:100%;
height:100%;
background:#FF7878;
border:2px solid #FF7878;
color:#fff;
content:attr(data-hover);
/*transition*/
-webkit-transition:-webkit-transform 0.3s;
   -moz-transition:   -moz-transform 0.3s;
     -o-transition:     -o-transform 0.3s;
        transition:        transform 0.3s;
/*transform*/
-webkit-transform:translateX(-25%);
   -moz-transform:translateX(-25%);
    -ms-transform:translateX(-25%);
     -o-transform:translateX(-25%);
        transform:translateX(-25%);
}
.button a:hover span,
.button a:focus span{
/*transform*/
-webkit-transform:translateX(100%);
   -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
     -o-transform:translateX(100%);
        transform:translateX(100%);
}
.button a:hover::before,
.button a:focus::before{
/*transform*/
-webkit-transform:translateX(0%);
   -moz-transform:translateX(0%);
    -ms-transform:translateX(0%);
     -o-transform:translateX(0%);
        transform:translateX(0%);
}
.button a:hover{
color:#ffffff;
}
/*-----------------------------------------------------------------------------------*/
/*  2. HEADER
/*-----------------------------------------------------------------------------------*/

#header{
width:80px;
height:100%;
background:#222222;
position:fixed;
left:0;
top:0;
z-index:200;
/*transition*/
-webkit-transition:all 350ms;
   -moz-transition:all 350ms;
     -o-transition:all 350ms;
        transition:all 350ms;

overflow: hidden;
}
#header.expand-header{
width:1170px;
height:100%;
}
#header.expand-header .main-menu{
display:block;
}


.header-inner {
position: relative;
top: -140px;
height: 100%;
background: #333333;
left: 80px;
padding-top: 60px;
overflow-y:scroll;
}

.admin-bar #header {
  top: 32px;
}


h1.site-title {
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
}

/*-----------------------------------------------------------------------------------*/
/*  2a. Logo
/*-----------------------------------------------------------------------------------*/

.logo-image{
max-width:40px;
margin:20px auto 0;
position: relative;
z-index: 100;
}

.logo-title {
  margin:20px auto 0;
position: relative;
z-index: 100;
}
/*-----------------------------------------------------------------------------------*/
/*  3. MENU
/*-----------------------------------------------------------------------------------*/

.main-menu{

display:none;
}
#menu-icon{
width:80px;
height:68px;
line-height:68px;
left:0;
position:relative;
border:0;
outline:none;
background:#222222;
}
#menu-icon.active{
background:#ffffff;
}
#menu-icon .bar{
left:28px;
top:25px;
display:block;
position:absolute;
width:24px;
height:3px;
background:#ffffff;
/*transition*/
-webkit-transition:all 350ms;
   -moz-transition:all 350ms;
     -o-transition:all 350ms;
        transition:all 350ms;
/*backface-visibility*/
-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
}
#menu-icon.active .bar{
background:#222222;
}
#menu-icon .bar.bar-2{
top:31px;
}
#menu-icon .bar.bar-3{
top:31px;
}
#menu-icon .bar.bar-4{
top:37px;
}
#menu-icon:hover .bar{
top:20px;
}
#menu-icon:hover .bar.bar-2{
top:31px;
}
#menu-icon:hover .bar.bar-3{
top:31px;
}
#menu-icon:hover .bar.bar-4{
top:42px;
}
#menu-icon.active .bar-1{
/*transform*/
-webkit-transform:translateY(-35px);
   -moz-transform:translateY(-35px);
    -ms-transform:translateY(-35px);
     -o-transform:translateY(-35px);
        transform:translateY(-35px);
}
#menu-icon.active .bar-2{
/*transform*/
-webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
     -o-transform:rotate(45deg);
        transform:rotate(45deg);
/*transition-delay*/
-webkit-transition-delay:0.3s;
   -moz-transition-delay:0.3s;
     -o-transition-delay:0.3s;
        transition-delay:0.3s;
}
#menu-icon.active .bar-3{
/*transform*/
-webkit-transform:rotate(-45deg);
   -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
     -o-transform:rotate(-45deg);
        transform:rotate(-45deg);
/*transition-delay*/
-webkit-transition-delay:0.3s;
   -moz-transition-delay:0.3s;
     -o-transition-delay:0.3s;
        transition-delay:0.3s;
}
#menu-icon.active .bar-4{
/*transform*/
-webkit-transform:translateY(35px);
   -moz-transform:translateY(35px);
    -ms-transform:translateY(35px);
     -o-transform:translateY(35px);
        transform:translateY(35px);
}
/* .menu-item-has-children  {
width: 100%;
position: relative;
} */


ul.main-menu li{
font-size:50px;
font-size:5rem;
line-height:1.4;
list-style:none;
}

ul.main-menu li a {
  color: #FF7878;
}
ul.main-menu li a:hover {
  color: #ffffff;
}

ul.main-menu li a span {
display: block;
font-size: 2rem;
color: #7d7d7d;
position: relative;
top: -10px;
font-weight: normal;
}

ul.main-menu li ul li a {
background: none;
}
ul.main-menu li ul{
padding-left:40px;
line-height:0.5;
visibility:hidden;
opacity:0;
height:0;
/*transition*/
-webkit-transition:all 350ms;
   -moz-transition:all 350ms;
     -o-transition:all 350ms;
        transition:all 350ms;
max-width: 80%;
}
ul.main-menu li.menu-item-has-children.active ul.sub-menu{
height:auto;
visibility:visible;
opacity:1;
/*transition*/
-webkit-transition:all 350ms;
   -moz-transition:all 350ms;
     -o-transition:all 350ms;
        transition:all 350ms;
}
ul.main-menu li ul li{
font-size:22px;
font-size:2.2rem;
display:inline-block;
padding-right:15px;
}
/*-----------------------------------------------------------------------------------*/
/*  4. CONTENT
/*-----------------------------------------------------------------------------------*/

.page-wrap{
height:100%;
}
.page-row{
height:100%;
}
.site-main{
height:100%;
padding-left:80px;
}
#content-wrapper{
background:#ffffff;
position:relative;
z-index:1;
min-height: 100%;
}
.page-content{
padding:0 40px;
}
.aq-template-wrapper{
margin:0 -40px;
}
.ta-portfolio .aq-template-wrapper{
margin:0 -20px;
}
/*-----------------------------------------------------------------------------------*/
/*  4a. Video Background
/*-----------------------------------------------------------------------------------*/

.player{
background:#222222;
}
.content-player{
margin:0 auto;
padding:15%;
color:#ffffff;
text-align:center;
}
/*-----------------------------------------------------------------------------------*/
/*  4b. Section Title
/*-----------------------------------------------------------------------------------*/

.thetitle{
margin-bottom:40px;
}
.thetitle h2{
text-transform:uppercase;
}
.thetitle p{
padding:0 30%;
}
.page-title{
margin-bottom:40px;
}

.page-title h2 {
text-transform: uppercase;
border-top: 2px solid;
width: auto;
display: inline-block;
border-bottom: 2px solid;
padding: 10px 30px;
}
.bord-title{
background-color:#222222;
height:2px;
position:relative;
width:100px;
display:block;
margin:0px auto 15px auto;
}



.aq-block-atjeh_thetitle_block {
  margin: 20px auto;
}
/*-----------------------------------------------------------------------------------*/
/*  4c. Section Portfolio
/*-----------------------------------------------------------------------------------*/

.portfolio-filter{
text-align:center;
margin-bottom:30px;
padding:0;
}
.portfolio-filter li{
padding:0px 5px;
margin:0;
display:inline-block;
}
.portfolio-filter li a{
color:#222222;
padding:2px 5px;
}
.portfolio-filter li a.active{
border-bottom:2px solid #FF7878;
}
.portfolio-filter li a:hover{
border-bottom:2px solid #FF7878;
}
#portfolio{
overflow:hidden;
margin:0;
width:100%;
list-style:none;
text-align:center;
}
/* Common style */
#portfolio figure{
position:relative;
z-index:1;
display:inline-block;
overflow:hidden;
text-align:center;
cursor:pointer;
}
#portfolio.col2 figure{
width:50%;
}
#portfolio.col3 figure{
width:33.33333%;
}
#portfolio.col4 figure{
width:25%;
}
#portfolio.col3 figure:hover h3{
font-size:130%;
}
#portfolio.col4 figure:hover h3{
font-size:100%;
}
#portfolio figure img{
position:relative;
display:block;
min-height:100%;
}
#portfolio figure figcaption{
color:#fff;
text-transform:uppercase;
/*backface-visibility*/
-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
}
#portfolio figure figcaption::before,
#portfolio figure figcaption::after{
pointer-events:none;
}
#portfolio figure figcaption,
#portfolio figure a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
#portfolio figure a{
z-index:1000;
text-indent:200%;
white-space:nowrap;
font-size:0;
opacity:0;
}
#portfolio figure h3{
opacity:0;
max-width:80%;
margin:0 auto;
}
#portfolio figure h2,
#portfolio figure p{
margin:0;
}
#portfolio figure p{
color:#ffffff;
}
#portfolio figure:hover h3{
opacity:1;
/*transition*/
-webkit-transition:-webkit-transform 0.35s;
   -moz-transition:   -moz-transform 0.35s;
     -o-transition:     -o-transform 0.35s;
        transition:        transform 0.35s;
}
figure.effect-portfolio{
background:#000000;
}
figure.effect-portfolio img{
margin-top:-20px;
/*min-width:100%;*/
/*height:-webkit-calc(100%+40px);
height:calc(100%+40px);*/
/*height:100%;*/
}
figure.effect-portfolio figcaption::before,
figure.effect-portfolio figcaption::after{
position:absolute;
content:'';
opacity:0;
}
figure.effect-portfolio figcaption::before{
top:50px;
right:30px;
bottom:50px;
left:30px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
/*transform*/
-webkit-transform:scale(0,1);
   -moz-transform:scale(0,1);
    -ms-transform:scale(0,1);
     -o-transform:scale(0,1);
        transform:scale(0,1);
/*transform-origin*/
-webkit-transform-origin:0 0;
   -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
     -o-transform-origin:0 0;
        transform-origin:0 0;
}
figure.effect-portfolio figcaption::after{
top:30px;
right:50px;
bottom:30px;
left:50px;
border-right:1px solid #fff;
border-left:1px solid #fff;
/*transform*/
-webkit-transform:scale(1,0);
   -moz-transform:scale(1,0);
    -ms-transform:scale(1,0);
     -o-transform:scale(1,0);
        transform:scale(1,0);
/*transform-origin*/
-webkit-transform-origin:100% 0;
   -moz-transform-origin:100% 0;
    -ms-transform-origin:100% 0;
     -o-transform-origin:100% 0;
        transform-origin:100% 0;
}
#portfolio.col3 figure.effect-portfolio figcaption::before{
top:20px;
right:10px;
bottom:20px;
left:10px;
}
#portfolio.col3 figure.effect-portfolio figcaption::after{
top:10px;
right:20px;
bottom:10px;
left:20px;
}
#portfolio.col4 figure.effect-portfolio figcaption::before{
top:20px;
right:10px;
bottom:20px;
left:10px;
}
#portfolio.col4 figure.effect-portfolio figcaption::after{
top:10px;
right:20px;
bottom:10px;
left:20px;
}
figure.effect-portfolio h3{
padding-top:25%;
/*transition*/
-webkit-transition:-webkit-transform 0.35s;
   -moz-transition:   -moz-transform 0.35s;
     -o-transition:     -o-transform 0.35s;
        transition:        transform 0.35s;
}
figure.effect-portfolio p{
text-transform:none;
opacity:0;
/*transform*/
-webkit-transform:translate3d(0,-10px,0);
   -moz-transform:translate3d(0,-10px,0);
    -ms-transform:translate3d(0,-10px,0);
     -o-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0);
}
figure.effect-portfolio img{
/*transform*/
-webkit-transform:translate3d(0,-0px,0);
   -moz-transform:translate3d(0,-0px,0);
    -ms-transform:translate3d(0,-0px,0);
     -o-transform:translate3d(0,-0px,0);
        transform:translate3d(0,-0px,0);
}
figure.effect-portfolio h3{
/*transform*/
-webkit-transform:translate3d(0,-30px,0);
   -moz-transform:translate3d(0,-30px,0);
    -ms-transform:translate3d(0,-30px,0);
     -o-transform:translate3d(0,-30px,0);
        transform:translate3d(0,-30px,0);
}
figure.effect-portfolio img,
figure.effect-portfolio figcaption::before,
figure.effect-portfolio figcaption::after,
figure.effect-portfolio p{
/*transition*/
-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
   -moz-transition:   opacity 0.35s, -moz-transform 0.35s;
     -o-transition:     opacity 0.35s, -o-transform 0.35s;
        transition:        opacity 0.35s, transform 0.35s;
}
figure.effect-portfolio:hover img{
opacity:0.5;
/*transform*/
-webkit-transform:translate3d(0,0,0);
   -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
     -o-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
}
figure.effect-portfolio:hover figcaption::before,
figure.effect-portfolio:hover figcaption::after{
opacity:1;
/*transform*/
-webkit-transform:scale(1);
   -moz-transform:scale(1);
    -ms-transform:scale(1);
     -o-transform:scale(1);
        transform:scale(1);
}
figure.effect-portfolio:hover h3,
figure.effect-portfolio:hover p{
opacity:1;
/*transform*/
-webkit-transform:translate3d(0,0,0);
   -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
     -o-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
}
figure.effect-portfolio:hover figcaption::after,
figure.effect-portfolio:hover h3,
figure.effect-portfolio:hover p,
figure.effect-portfolio:hover img{
/*transition-delay*/
-webkit-transition-delay:0.15s;
   -moz-transition-delay:0.15s;
     -o-transition-delay:0.15s;
        transition-delay:0.15s;
}
.more-button{
display:block;
text-align:center;
margin:40px auto;
}
.more-button a{
border:2px solid #FF7878;
font-size:22px;
font-size:2.2rem;
color:#FF7878;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
padding:2px 30px;
}
/*-----------------------------------------------------------------------------------*/
/*  4d. Section Testimonial
/*-----------------------------------------------------------------------------------*/

.testimonial-builder{
background-image:url('img/p2.jpg');
background-repeat:no-repeat;
/*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
background-attachment:fixed;
}
.testimonial-item.flexslider{
/*border-radius*/
-webkit-border-radius:0;
   -moz-border-radius:0;
        border-radius:0;
border:0;
/*box-shadow*/
-webkit-box-shadow:none;
   -moz-box-shadow:none;
        box-shadow:none;
margin:0;
background:transparent;
}
.testimonial-item.flexslider ul.slides li{
padding:40px 0 60px;
}
.testimonial-item.flexslider ul.slides li p{
padding:0 200px;
text-align:center;
color:#ffffff;
}
.testimonial-item.flexslider .flex-control-nav{
bottom:0;
}
.testimonial-item.flexslider .flex-control-paging li a{
width:50px;
height:5px;
background:#ffffff;
/*border-radius*/
-webkit-border-radius:0;
   -moz-border-radius:0;
        border-radius:0;
}
.testimonial-item.flexslider .flex-control-paging li a.flex-active{
background:#FF7878;
}
.testimonial-item.flexslider .slides img{
width:60px;
margin:10px auto 0;
height:60px;
/*border-radius*/
-webkit-border-radius:50%;
   -moz-border-radius:50%;
        border-radius:50%;
}
.testimonial-item.flexslider .slides cite{
display:block;
text-align:center;
color:#ffffff;
margin-top:10px;
}
/*-----------------------------------------------------------------------------------*/
/*  4e. Section Blog
/*-----------------------------------------------------------------------------------*/

article.post{
display:block;
position:relative;
text-align:center;
padding:20px 35px;
/*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
background-position:center center;
border-bottom:1px solid #e5e5e5;
}
.date-posted{
display:block;
margin-bottom:10px;
color:#FF7878;
}
.author-image{
width:60px;
height:60px;
margin:10px auto;
/*border-radius*/
-webkit-border-radius:50%;
   -moz-border-radius:50%;
        border-radius:50%;
}
.post-title{
color:#222222;
text-transform:uppercase;
}
.post-title h3{
margin:0 auto;
}
.blog-builder{
border-top:1px solid #e5e5e5;
}
.view-more .icon{
font-size:28px;
font-size:2.8rem;
}



.blog-builder article.post p {
  padding: 0 100px;
}
/*-----------------------------------------------------------------------------------*/
/*  4f. Section Team
/*-----------------------------------------------------------------------------------*/

#team{
overflow:hidden;
margin:0;
width:100%;
list-style:none;
text-align:center;
}
/* Common style */
#team figure{
position:relative;
z-index:1;
display:inline-block;
overflow:hidden;
text-align:center;
cursor:pointer;
}
#team.col1 figure{
width:100%;
}
#team.col2 figure{
width:50%;
}
#team.col3 figure{
width:33.33333%;
}
#team.col4 figure{
width:25%;
}
#team figure img{
position:relative;
display:block;
min-height:100%;
}
#team figure figcaption{
color:#fff;
text-transform:uppercase;
/*backface-visibility*/
-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
}
#team figure figcaption::before,
#team figure figcaption::after{
pointer-events:none;
}
#team figure figcaption{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#team figure ul{
list-style:none;
text-align:left;
margin-top:25px;
}
#team figure ul li{
position:relative;
display:inline-block;
font-size:22px;
font-size:2.2rem;
margin-right:5px;
}
#team figure ul li a{
color:#ffffff;
border:2px solid;
/*border-radius*/
-webkit-border-radius:50%;
   -moz-border-radius:50%;
        border-radius:50%;
padding:7px 8px 0;
}
#team figure h3,
#team figure p{
margin:0;
}
#team figure p{
color:#ffffff;
text-align:left;
}
figure.effect-team{
background:#222222;
}
figure.effect-team img{
width:-webkit-calc(100% + 60px);
width:calc(100% + 60px);
opacity:1;
/*transition*/
-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
   -moz-transition:   opacity 0.35s, -moz-transform 0.35s;
     -o-transition:     opacity 0.35s, -o-transform 0.35s;
        transition:        opacity 0.35s, transform 0.35s;
/*transform*/
-webkit-transform:translate3d(-10px,0,0) scale(1.12);
   -moz-transform:translate3d(-10px,0,0) scale(1.12);
    -ms-transform:translate3d(-10px,0,0) scale(1.12);
     -o-transform:translate3d(-10px,0,0) scale(1.12);
        transform:translate3d(-10px,0,0) scale(1.12);
/*backface-visibility*/
-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
}
figure.effect-team:hover img{
opacity:0.5;
/*transform*/
-webkit-transform:translate3d(0,0,0) scale(1);
   -moz-transform:translate3d(0,0,0) scale(1);
    -ms-transform:translate3d(0,0,0) scale(1);
     -o-transform:translate3d(0,0,0) scale(1);
        transform:translate3d(0,0,0) scale(1);
}
figure.effect-team h3{
position:absolute;
right:0;
bottom:0;
padding:1em 1.2em;
}
figure.effect-team ul, figure.effect-team p{
padding:0 10px 0 20px;
width:100%;
text-align:right;
opacity:0;
/*transition*/
-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
   -moz-transition:   opacity 0.35s, -moz-transform 0.35s;
     -o-transition:     opacity 0.35s, -o-transform 0.35s;
        transition:        opacity 0.35s, transform 0.35s;
/*transform*/
-webkit-transform:translate3d(-40px,0,0);
   -moz-transform:translate3d(-40px,0,0);
    -ms-transform:translate3d(-40px,0,0);
     -o-transform:translate3d(-40px,0,0);
        transform:translate3d(-40px,0,0);
}
figure.effect-team:hover ul, figure.effect-team:hover p{
opacity:1;
/*transform*/
-webkit-transform:translate3d(0,0,0);
   -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
     -o-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
}
/*-----------------------------------------------------------------------------------*/
/*  4g. Section Client
/*-----------------------------------------------------------------------------------*/

.client_block{
text-align:center;
margin-bottom:20px;
}
/* PAGINATION */

.navigation-paging{
margin:20px auto;
padding:10px 30px;
}

.owl-theme .owl-controls .owl-page span {
  width:50px;
height:5px;
background:#FF7878;
/*border-radius*/
-webkit-border-radius:0;
   -moz-border-radius:0;
        border-radius:0;
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
background:#000000;
}


/*-----------------------------------------------------------------------------------*/
/*  4h. Blog Loop
/*-----------------------------------------------------------------------------------*/

.post-thumb{
margin:0 -35px 20px;
}
.post-thumb img{
width:100%;
}
.nav-next, .nav-previous{
position:relative;
padding-bottom:10px;
}
.nav-next a, .nav-previous a{
color:#FF7878;
border:2px solid #FF7878;
padding:10px 15px;
}
.nav-next a:hover, .nav-previous a:hover{
color:#ffffff;
background:#FF7878;
}
/*-----------------------------------------------------------------------------------*/
/*  4i. Single Post
/*-----------------------------------------------------------------------------------*/

.inner-content{
text-align:left;
border-bottom:1px solid #eeeeee;
margin-bottom:30px;
padding-bottom:20px;
}
.comments-area{
margin-top:20px;
border-top:1px solid #eeeeee;
padding-top:20px;
text-align:left;
}
.comments-area ol, .comments-area ol li{
list-style:none;
padding:0;
}
.comments-area  .meta-comment{
margin-left:20px;
}
.comment-author{
display:inline-block;
}
.comment-author cite{
font-weight:bold;
}
.comment-meta{
display:inline-block;
}
.comment-content{
margin-top:10px;
padding-left:70px;
}
.comment-reply-title{
font-size:20px;
font-size:2rem;
}
#commentform label, #commentform .comment-form-comment span{
margin-bottom:5px;
font-size:14px;
font-size:1.4rem;
font-weight:100;
display:block;
text-align:left;
}
#commentform label span{
font-size:13px;
font-size:1.3rem;
color:#2C3033;
}
.comment-form-comment{
margin-top:10px;
}
.comment-form-author, .comment-form-email{
width:32%;
display:inline-block;
vertical-align:top;
float:left;
}
.comment-form-email{
margin-left:2%;
}
.comment-form-url{
width:32%;
float:left;
margin-left:2%;
}
.input-container{
position:relative;
}
.input-container label{
position:absolute;
top:0;
}
.comment-form-author input, .comment-form-email input{
font-size:10px;
font-size:1rem;
outline:0;
padding:0.5em;
color:#2C3033;
border:0;
border:1px solid #e5e5e5;
float:left;
}
input, textarea, .uneditable-input{
width:100%;
font-size:20px;
font-size:2rem;
outline:0;
color:#333333;
border:0;
border:1px solid #e5e5e5;
padding-left:10px;
}
.comment-form-url input{
font-size:10px;
font-size:1rem;
outline:0;
padding:0.5em;
color:#2C3033;
border:0;
border:1px solid #e5e5e5;
}
input#submit{
font-size:16px;
font-size:1.6rem;
border:2px solid #FF7878;
padding:10px 20px;
color:#FF7878;
width:auto;
background:transparent;
text-transform:uppercase;
}
input#submit:hover{
background:#FF7878;
color:#ffffff;
}


.tag-wrapper {
  text-align: center;
  font-weight: normal;
}
/*-----------------------------------------------------------------------------------*/
/*  4j. Single Portfolio
/*-----------------------------------------------------------------------------------*/

.portfolio-slider{
border:0;
}
.portfolio-info{
margin-top:30px;
}
.portfolio-info h6{
margin-bottom:0px;
}
.portfolio-info ul, .portfolio-info li{
list-style:none;
padding:0;
}
article.ta-portfolio{
text-align:left;
padding:0 20px 20px;
}
.ta-portfolio .pagination a span{
font-size:40px;
font-size:4rem;
line-height:0;
}
.ta-portfolio .pagination a[rel="next"]{
float:right;
}
.view-online{
margin-top:20px;
}

.portfolio-title {
  text-transform: uppercase;
border-top: 2px solid;
width: auto;
display: inline-block;
border-bottom: 2px solid;
padding: 10px 10px 10px 0;
}

.portfolio-details {
  padding: 20px 20px 10px 0px;
line-height: 1.8;
}
/*-----------------------------------------------------------------------------------*/
/*  4k. Single Page
/*-----------------------------------------------------------------------------------*/

.aq-block-atjeh_portfolio_block .pagination{
padding:40px 0;
}
/*home page*/

.aq-block-atjeh_portfolio_block .pagination span, .aq-block-atjeh_portfolio_block .pagination a{
text-decoration:none;
color:#FF7878;
padding:5px 15px;
margin:0 3px;
border:2px solid #FF7878;
}
.aq-block-atjeh_portfolio_block .pagination .current , .aq-block-atjeh_portfolio_block .pagination a:hover{
color:#ffffff;
background:#FF7878;
}
/*-----------------------------------------------------------------------------------*/
/*  4l. 404
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*  4m. Contact
/*-----------------------------------------------------------------------------------*/
  
.wpcf7-submit{
font-size:16px;
font-size:1.6rem;
border:2px solid #FF7878;
padding:10px 20px;
color:#FF7878;
width:auto;
background:transparent;
text-transform:uppercase;
}
.wpcf7-submit:hover{
background:#FF7878;
color:#ffffff;
}
/*-----------------------------------------------------------------------------------*/
/*  4n. Shortcode
/*-----------------------------------------------------------------------------------*/

#main .su-spoiler{
margin-bottom:0;
}
#main .su-spoiler-style-default > .su-spoiler-title{
border-bottom:1px solid #ffffff;
padding-top:15px;
padding-left:30px;
padding-right:15px;
padding-bottom:15px;
background:#2C3033;
color:#ffffff;
}
/*pagebuilder*/
.aq_block_toggle, .aq_block_accordion{
background:#2C3033;
color:#ffffff;
padding:5px;
margin:0;
}
.tab-body p{
color:#ffffff;
}
.aq-block-atjeh_bgvideo_block .player .content-player p{
color:#ffffff;
}
/*===================*/
#main .su-spoiler-title{
font-size:16px;
font-size:1.6rem;
text-transform: uppercase;
font-weight: normal;
}
#main .su-spoiler-style-default > .su-spoiler-content{
padding-right:1em;
padding-left:30px;
}
#main .su-spoiler-icon{
left:4px;
top:15px;
}
/*.su-tabs{
background:transparent !important;
}
.su-tabs .su-tabs-nav span{
color:#ffffff;
}
.su-tabs .su-tabs-nav span:hover, .su-tabs-nav span.su-tabs-current{
color:#2C3033;
background:#f5f5f5;
}
.su-tabs-nav, .su-tabs-nav span, .su-tabs-panes, .su-tabs-pane{
background:#2C3033;
border:2px solid #2C3033;
}*/
#main .su-tabs {
  background: transparent;
}
#main .su-tabs .su-tabs-nav .su-tabs-current {
  background: #2C3033;
  color: #ffffff;
}
#main .su-tabs-nav{
  margin-bottom: -2px;
}
#main .su-tabs .su-tabs-nav span {
  border: 2px solid #2C3033;
color: #2C3033;
padding: 10px 15px;
border-radius: 0;
}
#main .su-tabs-pane {
  background: #2C3033;
  border-radius: 0;
}
#main .su-tabs-pane p {
  color: #ffffff;
}
#main .su-tabs-vertical .su-tabs-nav span {
  margin-bottom: 5px;
  border-right: 0;
}
/*-----------------------------------------------------------------------------------*/
/*  5. FOOTER
/*-----------------------------------------------------------------------------------*/

.site-footer{
background:#222222;
color:#ffffff;
padding:40px 0;
}
/*-----------------------------------------------------------------------------------*/
/*  5a. Footer Widget
/*-----------------------------------------------------------------------------------*/

.widget-footer{
padding:0 20px;
}
.widget-footer p{
color:#f8f8f8;
}
.widget-footer{
padding:0 20px;
margin-bottom:10px;
}
.widget-footer p{
color:#f8f8f8;
}
.widget-footer ul{
padding:0;
}
.widget-footer ul li{
list-style:none;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px solid #2E2E2E;
}
.atjeh_newsletter_widget input.form-newsletter{
float:left;
margin:0;
width:77%;
height:40px;
padding:9px 18px;
line-height:1.8;
margin-bottom:15px;
color:#444;
background-color:transparent;
background-image:none;
border:1px solid #5C5C5C;
/*box-shadow*/
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
   -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
/*transition*/
-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   -moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.atjeh_newsletter_widget input.form-newsletter:focus{
border-color:#d5d5d5;
outline:0;
/*box-shadow*/
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(213,213,213,.6);
   -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(213,213,213,.6);
        box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(213,213,213,.6);
}
.atjeh_newsletter_widget .subscribe{
float:right;
width:20%;
}
.atjeh_newsletter_widget .subscribe a:before{
padding:5px 15px;
}
.atjeh_newsletter_widget .subscribe a span{
background:#222222;
padding:5px 15px;
}
.atjeh_newsletter_widget .subscribe .btn{
border:2px solid #FF7878;
padding:8px 15px;
/*border-radius*/
-webkit-border-radius:0;
   -moz-border-radius:0;
        border-radius:0;
color:#FF7878;
}
.atjeh_newsletter_widget .subscribe .btn:hover{
background:#FF7878;
color:#ffffff;
}
.widget_categories ul{
padding:0;
}
.widget_categories ul li{
list-style:none;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px solid #2E2E2E;
}
.widget-footer-title h4{
margin-top:0;
}
.atjeh-socialbox ul{
padding:0;
}
.atjeh-socialbox ul li{
list-style:none;
float:left;
border:none;
}
.atjeh-socialbox ul li i{
margin-right:15px;
font-size:25px;
font-size:2.5rem;
}
/*monster widget*/
select{
color:#222222;
width:100%;
}
/*search form*/
.widget_search form input{
float:left;
margin:0;
width:77%;
height:40px;
padding:9px 18px;
line-height:1.8;
margin-bottom:15px;
color:#444;
background-color:transparent;
background-image:none;
border:1px solid #5C5C5C;
}
.widget_search .search-button{
float:right;
width:20%;
background:url("img/search2.png") no-repeat scroll center center transparent;
border:2px solid #FF7878;
}
/*-----------------------------------------------------------------------------------*/
/*  6. THIRD PARTY
/*-----------------------------------------------------------------------------------*/

.flexslider.slider_block{
margin:0 0 20px;
border:0px solid #fff;
position:relative;
/*border-radius*/
-webkit-border-radius:0px;
   -moz-border-radius:0px;
        border-radius:0px;
/*box-shadow*/
-webkit-box-shadow:none;
   -moz-box-shadow:none;
        box-shadow:none;
}
.flexslider.slider_block .flex-control-nav{
bottom:0;
}
.flexslider.slider_block .flex-control-paging li a{
width:60px;
height:6px;
background:#ffffff;
/*box-shadow*/
-webkit-box-shadow:none;
   -moz-box-shadow:none;
        box-shadow:none;
/*border-radius*/
-webkit-border-radius:0;
   -moz-border-radius:0;
        border-radius:0;
}
.flexslider.slider_block .flex-control-paging li a.flex-active{
background:#FF7878;
}
/*-----------------------------------------------------------------------------------*/
/*  10. MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/

@media (max-width: 1200px ){


#header.expand-header{
width:970px;
}

}




/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px ){
html {
  font-size:60%;
}
.page-wrap{
width:100%;
}
#portfolio.col3 figure, #portfolio.col4 figure{
width:50%;
}

.blog-builder article.post p {
  padding:0;
}

/*.menu-item-has-children a {
  background-position: 150px 25px;
}*/

ul.sub-menu {
  background-position: 0 8px;
}

.footer-widget{
margin-bottom:20px;
}


}/*end 992*/

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px ){

html {
  font-size:55%;
}

#team.col2 figure, #team.col3 figure, #team.col4 figure{
width:100%;
}

#header{
width:100%;
position:relative;
height:80px;
}

#menu-icon{
position:absolute;
top:10px;
}

#header.expand-header{
width:100%;
}

#header.expand-header .main-menu{
display:block;
margin-top:40px;
text-align:center;
padding:0;
}

.header-inner {
  top: 15px;
  left: 0;
  padding-top: 0;

}

ul.main-menu li ul {
  margin-top: -10px;
}

.menu-item-has-children a {
background-position: 75% 35%;
}

ul.sub-menu {
  background: none;
  margin: 0 auto;
  padding: 0;
}

ul.main-menu li ul li {
  display: block;
  padding-bottom: 10px;
  padding-right: 35px;
}

ul.main-menu li ul li a:after {
  display: none;
}

#portfolio.col2 figure, #portfolio.col3 figure, #portfolio.col4 figure{
width:100%;
}

.site-main{
padding-left:0;
}

#portfolio figure{
width:100%;
}



.thetitle p {
padding: 0 20%;
}

.testimonial-item.flexslider ul.slides li p {
  padding:0 60px;
}


}/*768*/