/*
    +++++Table of content+++++

    01: General styling;
    02: All Borders
    03: Header
    04: Header Light
    05: Header Dark
    06: Menu 1
    07: Alternative menu
    08: Home page
    09: Home Agency
    10: Button Styles
    11: 404 page
    12: Overlays
    13: Loader
    14: Home Portfolio
    15: Sidebar Footer
    16: Widgets
    17: Contact form 7
    18: Home Photograpraphy
    19: Team page
    20: Contact page
    21: Blog page
    22: Medium blog
    23: Portfolio Columns
    24: Portfolio Horizontal
    25: Services page
    26: Case study project page
    27: Blog single post
    28: Fullscreen project page
    29: Single post comments
    30: Et line icons
    31: Default page template
    32: Shortcodes
    33: Large Devices, Wide Screens
    34: Medium Devices, Desktops
    35: Small Devices, Tablets
    36: Extra Small Devices, Phones
    37: Custom, iPhone Retina
    38: Iphone Landscape

*/


@import "../fonts/stylesheet.css";


/* 01: General styling */
a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:focus{
	outline: none;
}

#wpadminbar {
    z-index: 9999999999999999;
}

/*.top-space {
    padding-top: 190px;
}

.bottom-space {
    padding-bottom: 100px;
}*/

.inner_content {
   height: 100%;
}

/* 02: All Borders */

.top-border {
    background: #f3f3ef;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99999999999;
    padding: 12px;
}


.bottom-border {
    background: #f3f3ef;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 99999999999;
    padding: 12px;
}

.left-border {
    background: #f3f3ef;
    position: fixed;
    width: 25px;
    left: 0;
    height: 100%;
    z-index: 99999999999;
}

.right-border {
    background: #f3f3ef;
    position: fixed;
    width: 25px;
    right: 0;
    height: 100%;
    z-index: 99999999999;

}


/* Default navigation */

body.menu-style-Default .page-name {
	top: 129px;
}

body.menu-style-Default  .navigation-menu {
	display: none;
}

.default_menu_container {
	float: right;
}


.header-light  .default_menu_container .menu-main-menu-container ul li a {
color: #000;
opacity: 0.5;
}

.default_menu_container .menu-main-menu-container ul li a {
	color: #fff;
	text-transform: uppercase;
	font-seize: 12px;
    transition: opacity .2s ease-in-out;
    -webkit-transition:opacity .3s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
	opacity: 0.7;
}

.default_menu_container .menu-main-menu-container ul li.current_page_item  a{

opacity: 1.0;
}

.default_menu_container .menu-main-menu-container ul li  {
	padding-right: 32px;
}

.default_menu_container .menu-main-menu-container > ul > li  > a:hover {
	opacity: 1.0;
}

.default_menu_container .menu-main-menu-container .sub-menu {

    position: absolute;
	display: none;
    background: #fff;
}

.default_menu_container .menu-main-menu-container  ul  li:hover .sub-menu {
	display: block !important;
}

.default_menu_container .menu-main-menu-container .sub-menu li  a{
	color: #686868;
	font-size: 12px;
}

.default_menu_container .menu-main-menu-container .sub-menu li {
	border-bottom: 1px dotted #e1e1e1;
	text-transform: uppercase;
	margin-right: 0;
	min-width: 140px;
	margin-top: -1px;
	padding-bottom: 14px;
	padding-top: 14px;
	transition: background .2s ease-in-out;
	-webkit-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-ms-transition: background .2s ease-in-out;
}

.default_menu_container .menu-main-menu-container .sub-menu li:hover {
	background: #F1F1F1;
}


/* 03: Header  */

.main-header {
/*    padding-left: 46px;
    padding-right: 46px;
    padding-top: 46px;*/
    position: fixed;
    width: 100%;
    z-index: 100;
}

.logo {
    float: left;
}

.logo img  {
    float: left;
    height: 48px;
    width: auto;
}
.navigation-menu {
    float: right;
    border-radius: 50%;
    text-align: center;
}
.navigation-menu a i {
    font-size: 24px;
}


 .navigation-menu a  {
    height: 45px;
    width: 45px;
    display: block;
    border-radius: 2px;
}






/* 04: Header Light */

.header-light .navigation-menu a i {
    color: #fff;
}

.header-light .navigation-menu a  {
    border: 2px solid #fff;
    transition: all .2s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

.header-light .navigation-menu a:hover   {
    border-color: #f06eaa;
}

/* 05: Header Dark */


.header-dark .navigation-menu a {
    border: 2px solid #000;
    transition: all .2s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

.header-dark .navigation-menu a:hover   {
    border-color: #f06eaa;
}

.header-dark .navigation-menu a i {
    color: #000;
}




/* 06: Menu 1 */

.menu-holder {
    position: fixed;
    background: #171717;
    width: 100%;
    height: 100vh;


}


.menu-print {
text-align: center;
}



ul.main_menu {
    padding: 0;
    display: inline-block;
    float: left;
        margin: 0;
}

ul.main_menu li {
   list-style: none;
    font-size: 25px;
    text-decoration: none;
    text-align: left;

}

ul.main_menu li a {
    color: #fff;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;

}

ul.main_menu li a:hover {
    text-decoration: none;

}


ul.main_menu li a:hover {
    text-decoration: none;
}

ul.main_menu li.current-menu-item > a {
    color: #404040;

}

ul.main_menu li.current-menu-item a:hover {
    color: #404040;
}

.navigation-menu-close {
    float: right;
    position: fixed;
    top: 90px;
    right: 110px;
    z-index: 999999999;
    /*background: #fff;*/
    text-align: center;
    border-radius: 50%;

}
.navigation-menu-close a i {
    font-size: 30px;
    color: var(--color-darkskyblue);
}


.navigation-menu-close a {
    height: auto;
    width: auto;
    line-height: 2.7;
    display: inline-block;
    border-radius: 2px;
    border: 2px solid transparent;
    transition: all .2s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    background-color: transparent !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.navigation-menu-close.zenzo i {
    height: 45px;
    width: 45px;
    line-height: 41px;
    display: inline-block;
    border-radius: 100px;
    border: 2px solid transparent;
    transition: all .2s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    background-color: #fff !important;
    font-style: inherit;
}
.navigation-menu-close.zenzo span {
    color: #404041;
    text-transform: uppercase;
    font-size: 14px;
    padding-right: 15px;
}    
.navigation-menu-close a:hover   {
    border-color: transparent;
}


ul.sub-menu {
    padding: 0;
}

ul.sub-menu li {
    font-size: 14px;
    line-height: 10px;
    padding: 12px;
}

ul.sub-menu li a {
    color: #7d7d7d;
}

ul.sub-menu li ul.sub-menu li {
    font-size: 14px;
    line-height: 10px;
    padding: 12px;
}

ul.sub-menu li ul.sub-menu {
   padding-left: 0;
    padding-top: 12px;
}


/* 07: Alternative menu */

.alternative-menu {
    width: 20000px;
    margin-top: 250px;
}


.alternative-menu ul {
    list-style: none;
    padding: 0;
}

.alternative-menu ul li {
    float: left;
    margin-left: 100px;
    margin-right: 100px;
    text-align: center;
    color: #fff;
    opacity: 0.7;
    transition: all .2s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

.alternative-menu ul li a {
    color: #fff;
}

.alternative-menu ul li a h2 {
    font-size: 21px;
    text-transform: uppercase;
    padding-top: 20px;
}

.alternative-menu ul li a p {
    color: #e3e3e3;
}

.alternative-menu ul li:first-child {
    margin-left: 700px;
}

.alternative-menu ul li.active {
    opacity: 1;
}









/* 08: Home page */

body.page-template-template-home-slider-php {
    overflow: hidden;
}

.ss-bg {
    width: 100%;
    height: 120vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	background-attachment: fixed;
	margin-top: -20px;
}

.ss-bg-2 {
    margin-top: 0 !important;
}
.ss-captions {
    padding-left: 200px;
    padding-right: 200px;
    width: 100%;
    position: fixed;
    z-index: 99;
    top: 50%;
    margin-top: -150px;
}

.home-slider .single-slide h1{
    color: #fff;
    font-size: 65px;
    line-height: 80px;
    margin-bottom: 30px;
    font-family: 'cooper_hewittbold';
}




.copyright {
    position: fixed;
    bottom: 10px;
    left: 90px;
    font-size: 16px;
}

.copyright {
    color: #242932;

}
/*.copyright span{
    font-weight: bold;
}*/


@media (max-width: 1199px){
    .copyright {left: 10px;}
   
}

.social-icons {
    position: fixed;
    right: 110px;
    bottom: 90px;
}

.social-icons a {
    display: inline-block;
    height: 35px;
    width: 35px;
    border: 2px solid #fff;
    margin-right: 5px;
    border-radius: 2px;
    opacity: 0.4;
    transition: all .2s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

.social-icons a:hover {
    border: 2px solid #f06eaa;
    opacity: 1;
}

.social-icons a i {
    color: #fff;
    margin-left: 9px;
    margin-top: 8px;
}




/* 09: Home Agency */

body.page-template-template-home-agency-php {
    background: #fff;
}


body.page-template-template-home-agency-php .home-slider .single-slide h1 {
    color: #fff;
    font-size: 49px;
    line-height: 66px;
    margin-bottom: 30px;
}

body.page-template-template-home-agency-php .ss-captions {
    text-align: center;
    top: 42%;
    position: absolute;
}

.col-project-ha {
    margin-top: 0 !important;
}

body.page-template-template-home-agency-php .a_project {
    padding: 0;
    margin: 0;
}



.services-agency {
    position: absolute;
    z-index: 9999999;
    margin: auto;
    color: #fff;
    bottom: 150px;
    width: 100%;
}


.ha-footer {
    height: 120px;
    background: #fff;
    border-top: 1px solid #f4f4f4;
    position: relative;
}

.ha-works {
    margin-left: 25px;
    margin-right: 25px;
}


body.no_borders .top-border, body.no_borders .left-border, body.no_borders .right-border, body.no_borders .bottom-border {
    display: none !important;
}



.single-client {
    margin-top: 30px;
    margin-bottom: 30px;
}

.clients a img {
    width: 100%;
    opacity: 0.1;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.clients a:hover img {
    opacity: 0.5;
}



.sa-con p {
    opacity: 0.5;
}

.sa-icon {
    position: absolute;
    margin-top: 20px;
}

.sa-content {
    padding-left:65px;
}

.sa-content h3 {
    font-size: 20px;
}

.sa-icon span {
   color:  #f06eaa;
   font-size: 40px;
}



/* 10: Button Styles */

.btn1 {
    position: relative;
    font-size: 13px;
    cursor: pointer;
    border-radius: 2px;
    padding: 17px 26px 19px 26px;
    display: inline-block;
    letter-spacing: 1px;
    position: relative;
    border: 2px solid #cecece;
    color: #787878;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


.btn1 {
    overflow: hidden;
}

.btn1:after {
    width: 120%;
    height: 0;
    top: 45%;
    z-index: -1;
    position: absolute;
    content: "";
    left: 50%;
    background: #cecece;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: all 0.3s;
}


.btn1:hover {
    color: #fff;
    text-decoration: none;
}

.btn1:hover:after {
    height: 400%;
    opacity: 1;
    opacity-background: #fff;
}

 .btn2 {
    position: relative;
    font-size: 13px;
    cursor: pointer;
    border-radius: 2px;
    padding: 17px 26px 19px 26px;
    display: inline-block;
    letter-spacing: 1px;
    position: relative;
    border: 2px solid #f06eaa;
    color: #f06eaa;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


.btn2 {
    overflow: hidden;
}

.btn2:after {
    width: 120%;
    height: 0;
    top: 45%;
    z-index: -1;
    position: absolute;
    content: "";
    left: 50%;
    background: #f06eaa;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: all 0.3s;
}


.btn2:hover {
    color: #fff;
    text-decoration: none;
}

.btn2:hover:after {
    height: 400%;
    opacity: 1;
    opacity-background: #fff;
}



/* 11: 404 page */


body.error404 {
    background: #171717;
    color: #fff;

}

.not_found {
    text-align: center;
}

.not_found span {
    font-size: 150px;
}

.not_found h2 {
    font-size: 60px;
    margin-top: 50px;
}

.not_found p {
    color: #6b6b6b;
}

.animated-shake {
    margin-top: 60px;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
}

@-webkit-keyframes shake {
    0%, 100% {-webkit-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@keyframes shake {
    0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
    20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}


/* 12: Overlays */



.overlay {
    width: 100%;
    height: 100vh;
    opacity: 0.3;
    position: absolute;
    z-index: 1;
}

.ov-gradient1 {
    background: #5e238b;
    background: -moz-linear-gradient(top,  #5e238b 0%, #507560 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e238b), color-stop(100%,#507560));
    background: -webkit-linear-gradient(top,  #5e238b 0%,#507560 100%);
    background: -o-linear-gradient(top,  #5e238b 0%,#507560 100%);
    background: -ms-linear-gradient(top,  #5e238b 0%,#507560 100%);
    background: linear-gradient(to bottom,  #5e238b 0%,#507560 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e238b', endColorstr='#507560',GradientType=0 ); /* IE6-8 */

}

.ov-gradient2 {
    background: #6c584b;
    background: -moz-linear-gradient(top,  #6c584b 0%, #843c48 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c584b), color-stop(100%,#843c48));
    background: -webkit-linear-gradient(top,  #6c584b 0%,#843c48 100%);
    background: -o-linear-gradient(top,  #6c584b 0%,#843c48 100%);
    background: -ms-linear-gradient(top,  #6c584b 0%,#843c48 100%);
    background: linear-gradient(to bottom,  #6c584b 0%,#843c48 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c584b', endColorstr='#843c48',GradientType=0 );
}

.ov-gradient3 {
    background: #195e77;
    background: -moz-linear-gradient(top,  #195e77 0%, #666930 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#195e77), color-stop(100%,#666930));
    background: -webkit-linear-gradient(top,  #195e77 0%,#666930 100%);
    background: -o-linear-gradient(top,  #195e77 0%,#666930 100%);
    background: -ms-linear-gradient(top,  #195e77 0%,#666930 100%);
    background: linear-gradient(to bottom,  #195e77 0%,#666930 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#195e77', endColorstr='#666930',GradientType=0 );
}



/* 13: Loader */

.loader {
    /*position: fixed;*/
    /*z-index: 99999999;*/
    width: 100%;
    /*height: 100vh;*/
    top:0 ;
    left:0;
    overflow: hidden;
    background: transparent;

}

.spinner {
    width: 60px;
    height: 60px;
    background-color: #fff;
    margin:  400px auto;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
    0% { -webkit-transform: perspective(120px) }
    50% { -webkit-transform: perspective(120px) rotateY(180deg) }
    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    } 50% {
          transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
          -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
      } 100% {
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        }
}

.switch-pages {
    position: fixed;
    bottom: 70px;
    left: 110px;
    text-align: center;
    margin: auto;
}

.switch-pages h5, .switch-slides h5 {
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    margin-top: 20px;
}

.switch-slides {
    position: fixed;
    bottom: 70px;
    text-align: center;
    right: 110px;
    margin: auto;
}


/* 14: Home Portfolio */


body.page-template-template-home-portfolio-php {
    background: #fff;
}


.hp-headline  {
    margin-bottom: 60px;
}

.hp-headline h1 {
    font-size: 45px;
}

.hp-headline h2 {
    margin-bottom: 30px;
    margin-top: 10px;
}



.hp-project {
    height: 400px;
    margin-top: 30px;
    overflow: hidden;

    position: relative;
}

.hp-project a .featured-image {
    overflow: hidden;
    transition: transform .5s ease-in-out;
    -webkit-transition: transform .5s ease-in-out;
    -ms-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
}

.hp-project a:hover .featured-image {
    -ms-transform: rotate(-5deg) scale(1.2); /* IE 9 */
    -webkit-transform: rotate(-5deg) scale(1.2); /* Chrome, Safari, Opera */
    transform: rotate(-5deg) scale(1.2);
}

.hp-project img {
   width: 100%;
}

.hp-project a {
    width: 100%;
    height: 100%;
    display: block;
}

.featured-image {
    background-size: cover !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}


.hover-hp {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(240, 110, 170, 0.85);
    text-align: center;
    color: #fff;
    z-index: 1;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.hp-project a:hover .hover-hp{
    opacity: 1;
}

.hover-hp h3 {
  font-size: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;

}

.hover-hp h5 {
    opacity: 0.7;
    text-transform: uppercase;
    font-size: 11px;
}

.load-more {
    text-align: center;
    margin-top: 60px;
}

/* 15: Sidebar Footer */

.widget_title {
    padding-bottom: 20px;
}

.widget_title h4 {
    text-transform: uppercase;
    font-size: 15px;
}
.sidebar-footer {
    margin-top: 80px;
    padding-bottom: 80px;
}


/* 16: Widgets */

.widget {
    margin-bottom: 40px;
}
.social-icons {
    position: fixed;
    right: 110px;
    bottom: 90px;
}

.social-icons-widget a {
    display: inline-block;
    height: 40px;
    width: 40px;
    margin-bottom: 10px;
    margin-right: 5px;
    border-radius: 2px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

.social-icons-widget a:hover {
    opacity: 0.7;
}

.social-icons-widget a i {
    color: #fff;
    font-size: 18px;
    margin-left: 13px;
    margin-top: 11px;
}

h5.widget-title {
    text-transform: uppercase;
    font-size: 15px;
}

.wpcf7 textarea {
    padding-top: 10px;
}

.widget.widget_calendar table {
    border-collapse: collapse;
    width: 100%;
}

.widget strong {
    font-weight: 300;
}

.widget label {
    font-weight: 300;
}

.widget select {
    max-width: 100% !important;
}



.widget_search input {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 2px solid #E3E3E3;
    width: 100%;
    border-radius: 1px;
    font-size: 12px;
    color: rgb(114, 114, 114);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.widget_search input#searchsubmit {
    display: none;
}

.widget_search label {
    font-weight: 300;
    position: absolute;
    padding: 17px;
    font-size: 12px;
    color: #A0A0A0;
}

.widget.widget_calendar table th {
    background-color: #f3f3f3;
    color: #7a7a7a;
    padding: 10px 0px;
    border: 1px solid #e1e1e1;
    text-align: center;
}

.widget.widget_calendar table td {
    border: 1px solid #e1e1e1;
    padding: 10px 0px;
    text-align: center;
    color: #7a7a7a;
}

.widget.widget_calendar table caption {
    font-size: 12px;

    color: #646464;
    text-transform: uppercase;
    padding: 0px 0px 15px;
    margin-bottom: -1px;
    white-space: nowrap;
}

.widget.widget_calendar table a {
    color: #686868;
}

.widget ul {
    padding: 0;
    list-style: none;

}

.widget ul li a {
    color: #989898;
    font-size: 14px !important;
}

body.search-results {
    background: #fff;
}

.widget ul li {
    text-decoration: none;
    padding-bottom: 7px;
}

.widget ul li ul {
    padding-top: 10px;
    padding-left: 10px;
}



.widget {
    margin-bottom: 50px;
}




a.dribbble {
    background: #ea4c89;
}

a.facebook {
    background: #3b5998;
}

a.facebook i {
    margin-left: 14px;
}

a.twitter {
    background: #00aced;
}

a.google-plus {
    background: #dd4b39;
}

a.youtube {
    background: #bb0000;
}

a.linkedin {
    background: #007bb6;
}

a.instagram {
    background:#517fa4;
}


a.pinterest {
    background: #cb2027;
}

a.flickr {
    background: #ff0084;
}

a.stack-overflow {
    background: #75845c;
}

a.dropbox {
    background: #1081de;
}

a.skype {
    background: #01aef2;
}

a.tumblr {
    background: #3d5a70;
}

a.stack-exchange {
    background: #4679b7;
}

a.vk {
    background: #45668e;
}

a.vk i {
    margin-left: 10px;
}

a.behance {
    background: #107eed;
}

a.deviantart {
    background: #4c5e51;
}

a.drupal {
    background: #0077C0;
}


a.hacker-news {
    background: #b22607;
}

a.jsfiddle {
    background: #4679BD;
}

a.jsfiddle i {
    margin-left: 10px;
}

a.reddit {
    background: #CEE3F8;
}

a.reddit i {
    margin-left: 10px;
}

a.digg {
    background: #000;
}

a.digg i {
    margin-left: 10px;
}

a.vimeo {
    background: #aad450;
}

a.github {
    background: #3a3a3a;
}

a.apple {
    background: #000000;
}

a.steam {
    background: #494E48;
}

a.steam i {
    margin-left: 11px;
}

a.wordpress {
    background: #22769B;
}

a.wordpress i {
    margin-left: 10px;
}

a.yahoo {
    background: #3F028E;
}

a.yahoo i {
    margin-left: 11px;
}

a.delicious {
    background: #4485D5;
}

a.spotify {
    background: #75BF42;
}

a.spotify i {
    margin-left: 12px;
}

a.soundcloud {
    background: #FF4701;
}

a.soundcloud i {
    margin-left: 10px;
}

a.globe {
    background: #787878;
}

a.globe i {
    margin-left: 12px;
}


ul.blog-recent-posts {
    list-style: none;
    padding: 0;
}
ul.blog-recent-posts li {
    min-height: 80px;
    font-size: 15px;
}

ul.blog-recent-posts li > a {
    color: #000;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
}
ul.blog-recent-posts li > a:hover {
    color: #f06eaa;
    text-decoration: none;
}


ul.blog-recent-posts li p {
    font-size: 11px;
    color: #989898;
    margin-top: 5px;
}

ul.blog-recent-posts li p a {
    font-size: 10px;
    text-transform: uppercase;
    color: #989898;
}


.w-featured {
    width: 60px;
    float: left;
    margin-right: 20px;
    height:60px;
    overflow: hidden;
    border-radius: 50%;

}

/* 17: Contact form 7 */

.wpcf7 input[type="submit"] {
    font-family: Montserrat-Medium;
    padding: 13px 25px;
    background-color: #5C949D;
    border-radius: 30px;
    color: #fff;
    border: 2px #CCCCCC solid;
    width: auto;
    cursor: pointer;
}
.zenzo .wpcf7 input[type="submit"]{
    background-color: var(--color-darkskyblue);
}
.wpcf7 input, .wpcf7 textarea{
    font-size: 1rem;
    margin-bottom: 1rem;
    width: 100%;
}
.wpcf7 textarea{
    margin-bottom: 35px;
}
.wpcf7-submit:hover {
    color: #fff!important;
    background: #f06eaa;
}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 12px;
    font-weight: normal;
    display: block;
    height: 0px;
    position: absolute;
    width: 200px;
    left: 25px;
    line-height: 0px;
    margin-top: -8px;
}
input , textarea{ outline-style: none; }


/* 18: Home Photograpraphy */



body.page-template-template-home-photography-php {
    background: #333;
}



.hp2-works {
    width: 140000px;
}



.hp2-project {
    height: 50vh;
    float: left;
    overflow: hidden;
    padding: 0;
}



.hp2-project-full {
    height: 100vh;
    padding: 0;
    background: #000;
    width: 33.33333vw;
}

.hp2-project a {
    width: 100%;
    height: 100%;
    display: block;
}

.hover-hp2 {
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    text-align: center;
    color: #fff;
    z-index: 1;
    transition: all .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
}

.hp2-project > a:hover .hover-hp2{
    opacity: 0;
}

.hover-hp2 h3 {
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;

}

.hover-hp2 h5 {
    opacity: 0.7;
    text-transform: uppercase;
    font-size: 11px;
}


.hp2-project a .featured-image-2 {
    overflow: hidden;
    transition: transform .5s ease-in-out;
    -webkit-transition: transform .5s ease-in-out;
    -ms-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
}

.hp2-project > a:hover .featured-image-2 {
    -ms-transform: rotate(-3deg) scale(1.1);
    -webkit-transform: rotate(-3deg) scale(1.1);
    transform: rotate(-3deg) scale(1.1);
}

.hp2-project-full .hp2-project > a{
    -webkit-backface-visibility: hidden;
}

.hp2-project img {
    width: 100%;
}


.featured-image-2 {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}


/* 19: Team page */


.page-background {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    width: 100%;
    height: 100vh;
    position: absolute;
}

.page-tabs h1 {
    color: #fff;

    font-size: 45px;
}

.mobile-tabs {
    display: none;
}

.page-tabs ul {
    list-style: none;
    padding: 0;
    margin-top: 40px;
}

.page-tabs ul li a {
    color: #fff;
    text-decoration: none;
    opacity: 0.6;
    font-size: 28px;
    transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
}

.page-tabs ul li {
    padding-bottom: 7px;
}

.page-tabs ul li a.active-member {
    opacity: 1;
}

.page-tabs ul li a:hover {
    opacity: 1;
}


.member-info  {
    color: #fff;
    float: right;
}

.member-info h2 {
   font-size: 35px;

}

.member-info h3 {
    font-size: 22px;
    margin-top: 10px;
    color: #f06eaa;
    margin-bottom: 20px;

}

.member-single {
    position: absolute;
}


.member-info p {
    opacity: 0.7;
    line-height: 24px;
    margin-bottom: 20px;
}

.social-icons-team a {
    display: inline-block;
    height: 35px;
    width: 35px;
    border: 2px solid #fff;
    margin-right: 5px;
    border-radius: 2px;
    opacity: 0.4;
    transition: all .2s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

.social-icons-team a:hover {
    border: 2px solid #f06eaa;
    opacity: 1;
}

.social-icons-team a i {
    color: #fff;
    margin-left: 9px;
    margin-top: 8px;
}


.small-avatar {
    overflow: hidden;
}

.small-avatar img {
    width: 100%;
    height: auto;
    margin-top: 25px;
}

/* 20: Contact page */


.page-template-template-contact-php .page-background {
    background-color: #f06eaa;
}

.contact-slider {
    margin-top: 24px;
    color: #fff;
}

.svg_map img {
    opacity: 0.1;
}

.svg_marker {
    position: absolute;
    color: #fff;
    z-index: 1;
}

.svg_marker i {
    float: left;
    font-size: 23px;
    margin-right: 10px;
}

.svg_marker p {
    float: right;
}

.contact-slider .wpcf7 input, .contact-slider  .wpcf7 textarea {
    width: 100%;
    max-width: 100%;
    border: none;
    min-height: 62px;
    margin-top: 10px;
    background: rgba(0, 0, 0, 0.05);
    padding-left: 12px;
    border-radius: 2px;
    font-size: 15px;
    color: #FFFFFF;
}

.contact-slider .wpcf7 input:focus, .contact-slider  .wpcf7 textarea:focus {
    background: rgba(0, 0, 0, 0.1);
}

.contact-slider .wpcf7-submit {
    border: 2px solid #FFFFFF!important;
    color: #FFFFFF !important;
    background: none !important;
    font-size: 12px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

.contact-slider .wpcf7-submit:hover {
    border: 2px solid rgba(0, 0, 0, 0.1)!important;;
    color: #fff!important;
    background: #fff;
}

.contact-slider .wpcf7 p {
    text-transform: uppercase;
    color: #969696;
    letter-spacing: 1px;
    font-size: 11px;

}

.contact-slider span.wpcf7-not-valid-tip {
    color: #FFF;
    margin-top: 20px;
}

.contact-slider div.wpcf7-response-output {
    margin: 0;
    padding: 0;
}

.contact-slider  div.wpcf7-validation-errors {
    border: none;
}

.contact-slider div.wpcf7-mail-sent-ng {
    border: none;
}

#map {
    height: 500px;
}




/* 21: Blog page */

body.blog {
    background: #fff;
}

.page-name {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 138px;
    opacity: 0;
   

}

.page-name h3 {
    font-size: 22px;
}

/*.post-con .post-image {
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    height: 300px;
    margin-bottom: 30px;
    transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
}*/

.post-con .post-image img:hover {
    opacity:0.8;
}

/*.post-con .post-info  { 
    list-style: none;
    padding: 0;
    color: #a9a9a9;
    font-size: 14px;
}*/

/*.post-con .post-info li a {
    color: #a9a9a9;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
}

.post-con .post-info  li:nth-child(2) {
    margin-top: 2px;
}*/

/*.post-con .post-info  li p {
    text-transform: uppercase;
    font-size: 11px;
    padding-top: 0px;
}*/

/*.post-con {
    margin-bottom: 50px;
    margin-top: 20px;

}*/

/*.post-con a.post-title {
    font-size: 26px;
    color: #000000;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;

}

.post-con a.post-title:hover {
    color: #f06eaa;
}*/

/*.post-con .post-text {
    padding-top: 10px;
    max-height: 64px;
    overflow: hidden;
}*/

/*a.open-post:after {
    content: "\f178";
    font-size:11px;
    margin-left: 10px;
    font-family: FontAwesome;
}*/

a.open-post {
    text-decoration: none;
}


a.open-post:hover {
    color: #757575;
}

.load-more-2 {
    text-align: center;
    margin-top: 30px;
}

/* 22: Medium blog */

.single-medium-post {
    text-align: center;
    padding-left: 200px;
    padding-right: 200px;
}

.post-medium-image {
    width: 200px !important;
    height: 200px!important;
    border-radius: 50%;
    margin: auto;
}

.post-medium-info li {
    margin-top: 7px;
    float: none !important;
    display: inline-block !important;
}

.post-medium-text {
    padding-top: 4px !important;
    max-height: 62px !important;
}

/* 23: Portfolio Columns */



body.page-template-template-portfolio-columns-php {
    background: #fff;
}

.sort-projects {
    margin-bottom: 20px;
    display: inline-block;
}

.sort-projects ul {
    list-style-type: none;
    padding: 0px;
}

.sort-projects ul li {
    display: inline-block;
    float: left;
    margin-bottom: 6px;
    margin-right: 6px;
    margin-top:2px;
}
.sort-projects ul li:before {
    content: '' !important;
}
.sort-projects ul li a {
    border: 2px solid #f1f1f1;
    border-radius: 2px;
    background-color: #ffffff;
    color: #868686;
    text-decoration: none;
    display: block;
    padding: 10px 15px 10px 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;

}

.sort-projects .active-p {
    color: #f06eaa;
    border-color: #f06eaa;
}

.sort-projects ul li a:hover {
    color: #f06eaa;
    border: 2px solid #f06eaa;

}

.col-project-third-ha{
    height: 400px;
    background: #e3e3e3;
}

.col-project-third {
    height: 300px;
    background: #e3e3e3;
}

.col-project-half {
    height: 400px;
    background: #e3e3e3;
}

.col-project-fourth {
    height: 250px;
    background: #e3e3e3;
}


/* 24: Portfolio Horizontal */


body.page-template-template-portfolio-horizontal-php {
    background: #fff;
}




.horizontal-works-container {
    width: 14000px;
}

.horizontal-works-container .hover-hp {
    border-radius: 50%;
}

.round-project {
    float: left;
    margin-left: 100px;
}

.col-project-round {
    border-radius: 50%;
    background: #e3e3e3;
    height: 350px;
    width: 350px;
}


.load-round a {
    margin-top: 180px;
    margin-right: 150px;
}


.featured-image-3 {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}


.hwc-con {
    width: 100%;
    overflow: hidden;
    padding-bottom: 85px;
}



.load-more-4{
    margin-top: 171px;
    display: block;
    width: 128px;
    margin-left: 83px;
    margin-right: 83px;
    float: left;
}

.nicescroll-rails div {
    background-color: rgb(218, 218, 218) !important;
}


/* 25: Services page */

body.page-template-template-services-php {
    background: #fff;
}

.single-service {
    margin-top: 50px;
}

.s_headline {
    font-size: 45px;
}

.mobile-service-image img {
    width: 100%;
    height: auto;
}


.service-image {
    overflow: hidden;
}

.service-image img {
    width: 100%;
    height: auto;
}

.service-con span {
    font-size: 50px;
    display: block;
}

/* 26: Case study project page */

body.case_study {
    background: #fff;
}

.cs-images {
    overflow: hidden;
}

.cs-images img {
    width: 100%;
    margin-top: 30px;
    height: auto;
}

.portfolio-embed {
    margin-top: 30px;
}

.portfolio-embed iframe {
    width: 100%;
    height: 500px;
}

.portfolio-embed #twitter-widget-0 {
    width: 100% !important;
    height: auto !important;
    padding-bottom: 20px !important;
}

.portfolio-embed a img {
    margin-top: 0px;
    width: 100%;
    height: auto;
}

ul.post-info {
    list-style: none;
    display: block;
    width: 100%;
}

.cs-desc h3 {
    margin-top:0;
    margin-bottom: 20px;
}

ul.post-info li i {
    margin-right: 7px;
}

.post-info li {
    float: left;
    margin-right: 15px;
}

/*.post-info li a {
    text-decoration: none;
    color: #B7B7B7;
}*/

.post-services {
    padding: 0;
    margin-top: 20px;
    list-style: none;
}

.post-services li {
    padding-left: 0;
    padding-bottom: 10px;
}

.post-services li:before {
    content: "\f006";
    font-size:18px;
    margin-right: 10px;
    color: #B7B7B7;
    font-family: FontAwesome;

}



/* 27: Blog single post */

body.single-post {
    background: #fff;
}

body.single-post .main-header {
    position: fixed;
}



.sp_title {
    font-size: 45px;
    color: #000;
    text-transform: uppercase;
}

/*.single-post-con {
    width: 600px;
    margin-left: 60px;
}*/
.service-image img
.single-post-p p {
    font-size: 16px;
    line-height: 30px;
}

.single-post-p img {
    max-width: 100%;
    height: auto;
}

pre {
    padding: 30px !important;
    color: #9B9B9B !important;
    background-color: #f5f5f5 !important;
    border: none !important;
}

.single-post-p ul, .single-post-p ol {
    padding: 20px;
}

.sp-info ul {
    list-style: none;
    /*padding: 15px;*/
}


.sp-info ul li {
    display: inline;
    margin-right: 15px;
}

.sp-info ul li  i {
    margin-right: 10px;
}

.header-light .navigation-menu a i {
    color: #fff;
}

.header-light .navigation-menu a  {
    border: 2px solid transparent;
    line-height: 3;
    transition: all .2s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

.header-light .navigation-menu a:hover   {
    border-color: transparent;
}

.tags {
    margin-top: 30px;
}

.tags a {
    border: 2px solid #f1f1f1;
    border-radius: 2px;
    background-color: #ffffff;
    color: #868686;
    text-decoration: none;
    padding: 6px 12px 6px 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
}





.featured-post-image {
    position: fixed;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}


/* 28: Fullscreen project page */


.ps-slide {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

body.fullscreen .logo {
    display: none;
}

.post-info li ul.post-categories {
    list-style: none;
    padding: 0;
    float: left;
}

.post-info li ul.post-categories li  {
    margin-right: 5px;
    padding-left: 0;
    float: left;
}



.post-info li i  {
    float: left;
    color: #B7B7B7;
    font-size: 15px;
}



.cs-desc-full {
    position: absolute;
    width: 430px;
    top: 90px;
    left: 110px;

}




.csf-con {
    background: #fff;
    padding: 40px;
    border-bottom: 30px solid #fff;
    padding-top: 30px;
    width: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-radius: 2px;
}

.csf-con h2 {
    font-size: 28px;
    margin-top: 0;
    padding-top: 0;
}

.csf-button {
    position: absolute;
    right: 0;
    z-index: 99999;
}

.csf-button a i {
     font-size: 18px;
     margin-left: 13px;
     margin-top: 11px;
     color: #fff;
 }


.csf-button a  {
    height: 45px;
    width: 45px;
    display: block;
    border: 2px solid #fff;
    transition: all .2s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    border-radius: 2px;
}

.csf-button a:hover {
    border-color: #f06eaa;
}


.go-portfolio {
    position: fixed;
    right: 110px;
    z-index: 99;
    top: 150px;
}

.go-portfolio a {
    height: 45px;
    width: 45px;
    display: block;
    border: 2px solid #fff;
    transition: all .2s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    border-radius: 2px;
}

.go-portfolio a:hover {
    border-color: #f06eaa;
}





.go-portfolio a i {
    font-size: 18px;
    margin-left: 12px;
    margin-top: 11px;
    color: #fff;
}




.point-content {
    background: #fff;
    margin-left: 46px;
    border-radius: 2px;
    width: 379px;
    padding: 20px;
    max-height: 200px;
}


/*.next-blog-post {
    position: absolute;
    right: 198px;
    z-index: 999;
    top: 90px;
}

.prev-blog-post {
    position: absolute;
    right: 250px;
    z-index: 999;
    top: 90px;
}*/

.bp-style a {
    height: 45px;
    width: 45px;
    display: block;
    border: 2px solid #000;
    transition: all .2s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    border-radius: 2px;
}

.bp-style a:hover {
    border-color: #f06eaa;
}


.bp-style a i {
    font-size: 20px;
    margin-left: 16px;
    margin-top: 9px;
    color: #000;
}


/* 29: Single post comments */



.singlepost-comments p {
    margin-top: 10px;
    margin-bottom: 15px;

}

p.form-submit, p.comment-form-comment, p.form-allowed-tags  {
    margin-left: 15px;
    margin-right: 15px;
}

.singlepost-comments input, .singlepost-comments textarea {
    width: 100%;
    max-width: 100%;
    border: 2px solid #e2e4e5;
    min-height: 45px;
    margin-top: 10px;
    padding-left: 10px;
    font-size: 12px;
    margin-left: 0px;
}

.singlepost-comments textarea {
    padding-top: 5px;
}

p.form-allowed-tags {
    margin-left: 15px;
}

p.logged-in-as {
    margin-left: 15px;
}

.singlepost-comments #submit {
    background: #f06eaa;
    color: #fff;
    border: none;
}

.singlepost-comments {
    padding-left: 0;
}

.depth-2 {
    margin-left: 20px;
}

.depth-3 {
    margin-left: 40px;
}

.depth-4 {
    margin-left: 60px;
}

.single-post.single-layout-fullwidth .page_header_2  {
    margin-bottom: 0px;
}

.blog-layout-fotorama .page_header_2 {
    margin-bottom: 0px;
    display: none;
}

#respond h3 {
    display: none;
}

.comment-body p {
    padding-bottom: 10px;
}

.comment-notes {
    padding-top: 10px;
    margin-left: 15px;
}


.singlepost-comments input#author {
    margin-left: 0;
}


.singlepost-comments h5 {
    font-size: 17px;
    color: #f06eaa;
    margin-top: 25px;
}

.comments_no_padding  li {
    list-style: none !important;
    margin-bottom: 50px;
    margin-top: 50px;
}

code {
    color: #989898;
    white-space: normal;
    display: block;
    margin-top: 10px;
}

.comments_no_padding > li:first-child {
    list-style: none !important;
    margin-bottom: 50px;
    margin-top: 20px;
}


.comment-reply-link {
    padding: 10px 20px 10px 20px;
    border: 2px solid #e1e1e1;
    color: #a3a3a3;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 2px;
    border-radius: 2px;
    text-decoration: none;
    margin-top: 0px;

}

.comment-reply-link:hover {
    border: 2px solid #bebebe;
    text-decoration: none;
    color: #a3a3a3;
}



.comment-meta.commentmetadata {
    font-size: 12px;
    margin-left: 40px;
    margin-bottom: 5px;

}

.comment-meta.commentmetadata a {

    color: #989898;
}

.fn a {
    color: #f06eaa;

}


.fn  {
    color: #f06eaa;
    margin-left: 10px;
}

.vcard img {
    border-radius: 50%;
    float: left;
}


/* 30: Et line icons */

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

[data-icon]:before {
    font-family: 'et-line';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display:inline-block;
}

.icon-mobile, .icon-laptop, .icon-desktop, .icon-tablet, .icon-phone, .icon-document, .icon-documents, .icon-search, .icon-clipboard, .icon-newspaper, .icon-notebook, .icon-book-open, .icon-browser, .icon-calendar, .icon-presentation, .icon-picture, .icon-pictures, .icon-video, .icon-camera, .icon-printer, .icon-toolbox, .icon-briefcase, .icon-wallet, .icon-gift, .icon-bargraph, .icon-grid, .icon-expand, .icon-focus, .icon-edit, .icon-adjustments, .icon-ribbon, .icon-hourglass, .icon-lock, .icon-megaphone, .icon-shield, .icon-trophy, .icon-flag, .icon-map, .icon-puzzle, .icon-basket, .icon-envelope, .icon-streetsign, .icon-telescope, .icon-gears, .icon-key, .icon-paperclip, .icon-attachment, .icon-pricetags, .icon-lightbulb, .icon-layers, .icon-pencil, .icon-tools, .icon-tools-2, .icon-scissors, .icon-paintbrush, .icon-magnifying-glass, .icon-circle-compass, .icon-linegraph, .icon-mic, .icon-strategy, .icon-beaker, .icon-caution, .icon-recycle, .icon-anchor, .icon-profile-male, .icon-profile-female, .icon-bike, .icon-wine, .icon-hotairballoon, .icon-globe, .icon-genius, .icon-map-pin, .icon-dial, .icon-chat, .icon-heart, .icon-cloud, .icon-upload, .icon-download, .icon-target, .icon-hazardous, .icon-piechart, .icon-speedometer, .icon-global, .icon-compass, .icon-lifesaver, .icon-clock, .icon-aperture, .icon-quote, .icon-scope, .icon-alarmclock, .icon-refresh, .icon-happy, .icon-sad, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-rss, .icon-tumblr, .icon-linkedin, .icon-dribbble {
    font-family: 'et-line';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display:inline-block;
}
.icon-mobile:before {
    content: "\e000";
}
.icon-laptop:before {
    content: "\e001";
}
.icon-desktop:before {
    content: "\e002";
}
.icon-tablet:before {
    content: "\e003";
}
.icon-phone:before {
    content: "\e004";
}
.icon-document:before {
    content: "\e005";
}
.icon-documents:before {
    content: "\e006";
}
.icon-search:before {
    content: "\e007";
}
.icon-clipboard:before {
    content: "\e008";
}
.icon-newspaper:before {
    content: "\e009";
}
.icon-notebook:before {
    content: "\e00a";
}
.icon-book-open:before {
    content: "\e00b";
}
.icon-browser:before {
    content: "\e00c";
}
.icon-calendar:before {
    content: "\e00d";
}
.icon-presentation:before {
    content: "\e00e";
}
.icon-picture:before {
    content: "\e00f";
}
.icon-pictures:before {
    content: "\e010";
}
.icon-video:before {
    content: "\e011";
}
.icon-camera:before {
    content: "\e012";
}
.icon-printer:before {
    content: "\e013";
}
.icon-toolbox:before {
    content: "\e014";
}
.icon-briefcase:before {
    content: "\e015";
}
.icon-wallet:before {
    content: "\e016";
}
.icon-gift:before {
    content: "\e017";
}
.icon-bargraph:before {
    content: "\e018";
}
.icon-grid:before {
    content: "\e019";
}
.icon-expand:before {
    content: "\e01a";
}
.icon-focus:before {
    content: "\e01b";
}
.icon-edit:before {
    content: "\e01c";
}
.icon-adjustments:before {
    content: "\e01d";
}
.icon-ribbon:before {
    content: "\e01e";
}
.icon-hourglass:before {
    content: "\e01f";
}
.icon-lock:before {
    content: "\e020";
}
.icon-megaphone:before {
    content: "\e021";
}
.icon-shield:before {
    content: "\e022";
}
.icon-trophy:before {
    content: "\e023";
}
.icon-flag:before {
    content: "\e024";
}
.icon-map:before {
    content: "\e025";
}
.icon-puzzle:before {
    content: "\e026";
}
.icon-basket:before {
    content: "\e027";
}
.icon-envelope:before {
    content: "\e028";
}
.icon-streetsign:before {
    content: "\e029";
}
.icon-telescope:before {
    content: "\e02a";
}
.icon-gears:before {
    content: "\e02b";
}
.icon-key:before {
    content: "\e02c";
}
.icon-paperclip:before {
    content: "\e02d";
}
.icon-attachment:before {
    content: "\e02e";
}
.icon-pricetags:before {
    content: "\e02f";
}
.icon-lightbulb:before {
    content: "\e030";
}
.icon-layers:before {
    content: "\e031";
}
.icon-pencil:before {
    content: "\e032";
}
.icon-tools:before {
    content: "\e033";
}
.icon-tools-2:before {
    content: "\e034";
}
.icon-scissors:before {
    content: "\e035";
}
.icon-paintbrush:before {
    content: "\e036";
}
.icon-magnifying-glass:before {
    content: "\e037";
}
.icon-circle-compass:before {
    content: "\e038";
}
.icon-linegraph:before {
    content: "\e039";
}
.icon-mic:before {
    content: "\e03a";
}
.icon-strategy:before {
    content: "\e03b";
}
.icon-beaker:before {
    content: "\e03c";
}
.icon-caution:before {
    content: "\e03d";
}
.icon-recycle:before {
    content: "\e03e";
}
.icon-anchor:before {
    content: "\e03f";
}
.icon-profile-male:before {
    content: "\e040";
}
.icon-profile-female:before {
    content: "\e041";
}
.icon-bike:before {
    content: "\e042";
}
.icon-wine:before {
    content: "\e043";
}
.icon-hotairballoon:before {
    content: "\e044";
}
.icon-globe:before {
    content: "\e045";
}
.icon-genius:before {
    content: "\e046";
}
.icon-map-pin:before {
    content: "\e047";
}
.icon-dial:before {
    content: "\e048";
}
.icon-chat:before {
    content: "\e049";
}
.icon-heart:before {
    content: "\e04a";
}
.icon-cloud:before {
    content: "\e04b";
}
.icon-upload:before {
    content: "\e04c";
}
.icon-download:before {
    content: "\e04d";
}
.icon-target:before {
    content: "\e04e";
}
.icon-hazardous:before {
    content: "\e04f";
}
.icon-piechart:before {
    content: "\e050";
}
.icon-speedometer:before {
    content: "\e051";
}
.icon-global:before {
    content: "\e052";
}
.icon-compass:before {
    content: "\e053";
}
.icon-lifesaver:before {
    content: "\e054";
}
.icon-clock:before {
    content: "\e055";
}
.icon-aperture:before {
    content: "\e056";
}
.icon-quote:before {
    content: "\e057";
}
.icon-scope:before {
    content: "\e058";
}
.icon-alarmclock:before {
    content: "\e059";
}
.icon-refresh:before {
    content: "\e05a";
}
.icon-happy:before {
    content: "\e05b";
}
.icon-sad:before {
    content: "\e05c";
}
.icon-facebook:before {
    content: "\e05d";
}
.icon-twitter:before {
    content: "\e05e";
}
.icon-googleplus:before {
    content: "\e05f";
}
.icon-rss:before {
    content: "\e060";
}
.icon-tumblr:before {
    content: "\e061";
}
.icon-linkedin:before {
    content: "\e062";
}
.icon-dribbble:before {
    content: "\e063";
}

/* 31: Default page template */

body.page-template-default {
    background: #fff;
}


.default_content img {
   width: 100%;
   height: auto;
}

/* 32: Shortcodes */

.dropcap {
    font-family: Georgia, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-style: italic;
    float: left;
    font-size: 40px;
    padding: 10px 25px 10px 0px;
    color: #000;
}

ul.accordion, ul.toggle, .tabs ul {
    list-style-type: none;
    padding: 0;
}

ul.accordion li a, ul.toggle li a, div.tabs ul.tab_buttons li a {
    display: block;
    padding: 17px 17px;
    font-size: 14px;
    font-weight: 400;
    color: #787878;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    border-top: 0px;
    position: relative;
}

div.tabs ul.tab_buttons li a {
    display: inline-block;
    float: left;
    border-top: 1px solid #dfdfdf;
    border-bottom: 0px;
    border-left: 0px;
}

div.tabs ul.tab_buttons li:first-child a {
    border-left: 1px solid #dfdfdf;
    outline: none;
}

ul.accordion li a.active, ul.accordion li a:hover, ul.toggle li a.active, ul.toggle li a:hover, div.tabs ul.tab_buttons li a.active, div.tabs ul.tab_buttons li a:hover {
    background-color: #f9f9f9;
    text-decoration: none;
}

ul.accordion li a i, ul.toggle li a i {
    position: absolute;
    font-size: 18px;
    color: #f06eaa;
    top: 50%;
    margin-top: -9px;
    right: 17px;
}

ul.accordion li div, ul.toggle li div, div.tabs ul.tab_content li {
    border: 1px solid #dfdfdf;
    border-top: 0px;
    padding: 17px 17px;
    display: none;

}

ul.accordion > li a.active i {
    color: #fff;
}

ul.toggle > li a.active i {
    color: #fff;
}

div.tabs ul.tab_content li {
    clear: both;
    border-top: 1px solid #dfdfdf;
}

ul.accordion li:first-child a, ul.toggle li:first-child a {
    border-top: 1px solid #dfdfdf;
}

ul.accordion li div *, ul.toggle li div * {
    margin-bottom: 0px;
}

.content > ul li {
    padding-bottom: 0px !important;
    list-style-type: circle;
    list-style-position: inside;
}

.singlepost_body > ul li {
    list-style-type: circle;
    list-style-position: inside;
}


.tabs ul   {
    padding: 0;
}

ul.accordion > li a.active {
    background-color: #f06eaa;
    text-decoration: none;
    border-color: #f06eaa;
    color: #fff !important;
    border-radius: 2px;
}

ul.tab_buttons > li a.active {
    background-color: #f06eaa !important;
    text-decoration: none !important;
    border-color: #f06eaa !important;
    color: #fff !important;
}

ul.toggle> li a.active {
    background-color: #f06eaa !important;
    text-decoration: none !important;
    border-color: #f06eaa !important;
    color: #fff !important;
}

.highlight {
    background-color: #f06eaa;
    color: #fff;
    padding: 10px 10px 10px 10px;
}


.white {
    padding: 12px 23px 13px 24px;
    border-radius: 3px;
    border: 2px solid #e1e1e1;
    color: #a3a3a3;
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;

}

.white i {
    margin-right: 5px;
}
.white:hover {
    border: 2px solid #f06eaa;
    text-decoration: none;
    color:  #f06eaa;
}


.dark-grey {
    padding: 12px 23px 13px 24px;
    border-radius: 3px;
    border: 2px solid #6f6f6f;
    color: #6f6f6f;
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;

}

.dark-grey  i {
    margin-right: 5px;
}
.dark-grey:hover {
    border: 2px solid #f06eaa;
    text-decoration: none;
    color:  #f06eaa;
}


.brand-color {
    padding: 12px 23px 13px 24px;
    border-radius: 3px;
    border: 2px solid #f06eaa;
    color: #f06eaa;
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;

}

.brand-color i {
    margin-right: 5px;
}
.brand-color:hover {
    border: 2px solid #e1e1e1;
    color: #a3a3a3;
    text-decoration: none;
}



blockquote p {
    font-size: 16px;
    line-heigjt: 27px;
}

blockquote cite {
    font-style: italic;
    color: #f06eaa;
    font-size: 14px;
}

.content > ul  {
    padding: 0;

}

.content > ol {
    padding: 15px;
}

.et-icon {
    font-size: 16px;
    display: inline-block;
    width: 15em;
    padding: .25em .5em;
    margin: .5em 1em .5em 0;
}

@media only screen and (min-width : 1200px) { 

.more_than_three .sa-con {
height: 149px;
overflow-y: scroll;
}

.more_than_three .sa-con  .sa-single {
padding-bottom: 30px;
}

}


/* 33: Large Devices, Wide Screens */

@media only screen and (max-width : 1300px) {
    ul.main_menu > li {
        font-size: 20px;
        line-height: 55px;
    }

    .home-slider .single-slide h1 {
        font-size: 56px;
        margin-bottom: 25px;
    }

    .page-tabs ul {
        margin-top: 26px;
    }

    .page-tabs h1 {
        font-size: 37px;
    }

    .page-tabs ul li a {
        font-size: 23px;
    }

    body.page-template-template-home-slider-php .next_slide, body.page-template-template-home-slider-php .prev_slide {
        width: 130px;
    }

    .top-space {
        padding-top: 170px;
    }
    .container {
        padding-left: 90px;
        padding-right: 90px;
    }
	
	


}

@media only screen and (max-width : 1370px) {
    .container {
        padding-left: 120px;
        padding-right: 120px;
    }
	
	body.menu-style-Default .page-name {
		top: 85px;
	}


	
	body.menu-style-Default  .navigation-menu {

	display: block;
	}
	
	body.menu-style-Default  .default_menu_container {
		display: none;
	}
	
	

    .single-post-con {
        /*width: 500px;*/
        /*margin-left: 60px;*/
    }

}


@media only screen and (max-width : 1200px) {
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .hp2-works {
        width: 100%;
    }

    .page-template-template-home-agency-php .single-slide.visible {
        height: 600px !important;
    }

    .page-template-template-home-agency-php .main_container {
        height: 600px !important;
    }

    .services-agency {
        position: static;
        color: #000;
        bottom: 0px;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .navigation-menu-close {
        top: 60px;
        right: 60px;
    }


    .ha-works {
        margin-left: 0;
        margin-right: 0;
    }

    .member-avatar-mobile img  {
        width: 100%;
        height: auto;
    }

    .page-tabs h1 {
        font-size: 34px;
    }

    .sort-projects {
        margin-bottom: 0;
    }

    .cs-desc-full {
        top: 60px;
        left: 60px;
    }

    .sa-icon span {
        font-size: 33px;
    }

    .go-portfolio {
        right: 60px;
        top: 120px;
    }

    body.page-template-template-home-slider-php .next_slide, body.page-template-template-home-slider-php .prev_slide {
        display: none;
    }

    ul.main_menu > li {
        font-size: 18px;
        line-height: 50px;
    }

    .top-border, .left-border, .right-border, .bottom-border {
        display: none;
    }

    .main-header {
        padding-left: 60px;
        padding-right: 60px;
        padding-top: 60px;
    }

    .page-name {
        top: 50px;
    }

    .social-icons {
        bottom: 60px;
        right: 60px;
    }

    .home-slider .single-slide h1 {
        font-size: 48px;
        line-height: 59px;
        margin-bottom: 20px;
    }

    .ss-captions {
        padding-left: 150px;
        padding-right: 150px;
    }

    .spinner {
        margin: 300px auto;
    }

    .top-space {
        padding-top: 150px;
    }

    .hp-headline {
        margin-bottom: 30px;
    }

    .page-tabs ul li {
        padding-bottom: 10px;
        float: left;
        padding-right: 44px;
    }

    .page-tabs {
        padding-bottom: 30px;
    }

    .member-info h2 {
        font-size: 28px;
    }

    .member-info h3 {
        font-size: 20px;
    }

    .member-single {
        position: static;
    }

    .featured-post-image {
        position: static;
        height: 460px !important;
    }

    .single-post-con {
        width: 100%;
        margin: 0px auto;
    }

    body.single-post.single-format-standard .top-space {
        padding-top: 40px;
    }

    body.single-post.single-format-standard .top-space {
        padding-top: 20px;
    }

    .prev-blog-post, .next-blog-post {
        right: 60px;
    }

    .prev-blog-post a, .next-blog-post a {
        border-color: #fff;
    }

    .prev-blog-post a i , .next-blog-post a i {
        color: #fff;
    }

    body.case_study .prev-blog-post a i , body.case_study .next-blog-post a i {
        color: #000;
    }

    body.case_study  .prev-blog-post a, body.case_study .next-blog-post a {
        border-color: #000;
    }

    body.case_study .next-blog-post {
        top: 60px;
        right: 131px;
    }

    body.case_study .prev-blog-post {
        top: 60px;
        right: 183px;
    }


    .next-blog-post {
        top: 150px;
    }

    .prev-blog-post {
        top: 205px;
    }

    .next_slide, .prev_slide {
        display: none !important;
    }

    .hp2-project-full .hp2-project {
        width: 100%;
    }

    .hp2-project-full {
        width: 50% !important;
    }

    .single-point-holder {
        display: none;
    }

    body.page-template-template-home-agency-php .home-slider .single-slide h1 {
        margin-bottom: 18px;
    }

    body.page-template-template-home-agency-php .ss-captions {
        top: 58%;
    }

}

/* 34: Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    ul.main_menu > li {
        font-size: 16px;
        line-height: 45px;
    }

    body.page-template-template-home-agency-php .home-slider .single-slide h1 {
        margin-bottom: 14px;
    }

    .spinner {
        margin: 250px auto;
    }
    ul.sub-menu li {
        font-size: 13px;
        line-height: 6px;
        padding: 12px;
    }

    .home-slider .single-slide h1 {
        font-size: 42px;
        line-height: 56px;
        margin-bottom: 16px;
    }

    .ss-captions {
        padding-left: 100px;
        padding-right: 100px;
    }

    .top-space {
        padding-top: 160px;
    }

    .hp-headline {
        margin-bottom: 25px;
    }

    .hp-headline h1 {
        font-size: 38px ;
    }

    .hp-headline h2 {
        font-size: 25px;
    }

    .hp-project {
        height: 300px;
    }

    .page-tabs ul li {
        padding-right: 30px;
    }

    .page-tabs ul li a {
        font-size: 19px;
    }
    .member-info h2 {
        font-size: 25px;
    }

    .member-info h3 {
        font-size: 18px;
    }
    .sp_title {
        font-size: 40px;
    }

    .featured-post-image {
        height: 430px;
    }

    body.page-template-template-portfolio-horizontal-php .hp-project {
        width: 300px;
    }

    .round-project {
        margin-left: 60px;
    }

    .portfolio-embed iframe {
        width: 100%;
        height: 400px;
    }

    body.page-template-template-home-agency-php .home-slider .single-slide h1 {
        font-size: 42px;
        line-height: 58px;
    }


    .services-agency {
        color: #000;
        background: #fff;
    }

    .page-template-template-home-agency-php .single-slide.visible {
        height: 500px !important;
    }

    .page-template-template-home-agency-php .main_container {
        height: 500px !important;
    }


    .single-medium-post {
        padding-left: 0;
        padding-right: 0;

    }

    .menu-print {
        height: 100%;
        overflow: scroll;
        margin-top: 60px !important;
    }





}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .menu-print {
        text-align: center;
        height: 600px;
        overflow: scroll;
        margin-top: 60px !important;;
    }
}

/* 35: Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    ul.main_menu > li {
        font-size: 15px;
        line-height: 40px;
    }

    body.page-template-template-contact-php ul.tab_buttons{
        display: none;
    }

    .menu-print {
        text-align: center;
        height: 100%;
        overflow: scroll;
    }


    body.single-post .featured-post-image {
        background-attachment:  initial;
    }

    .navigation-menu-close {
        top: 30px;
        right: 30px;
    }

    body.blog .top-space {
        padding-top: 20px;
    }

    body.case_study .next-blog-post {
        top: 30px;
        right: 121px;
    }

    body.page-template-default .top-space {
        padding-top: 20px;
    }



    body.case_study .prev-blog-post {
        top: 30px;
        right: 173px;
    }

    body.page-template-template-home-agency-php .home-slider .single-slide h1 {
        font-size: 33px;
        line-height: 48px;
    }

    .hp2-project-full {
        width: 100% !important;
        height: 100% !important;
    }


    body.page-template-template-portfolio-columns-php .top-space {
        padding-top: 20px;
    }

    body.page-template-template-portfolio-horizontal-php .top-space {
        padding-top: 20px;
    }

    body.page-template-template-blog-medium-php .top-space {
        padding-top: 20px;
    }

    .loader {
        display: none;
    }

    .main-header {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 30px;
    }

    .cs-desc-full {
        top: 30px;
        left: 30px;
    }

    .social-icons {
        bottom: 30px;
        right: 30px;
    }



    .page-name {
        position: static;
        padding-top: 110px;
        padding-left: 30px;
        text-align: left;
    }

    .copyright {
        bottom: 30px;
    }


    .copyright p {
        font-size: 13px;
    }

    .home-slider .single-slide h1 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 12px;
    }

    .ss-captions {
        padding-left: 60px;
        padding-right: 60px;
    }

    .btn2, .btn1 {
        padding: 8px 17px 12px 15px;
    }

    .top-space {
        padding-top: 100px;
    }

    .hp-headline {
        margin-bottom: 20px;
    }

    .hp-headline h1 {
        font-size: 34px ;
    }

    .hp-headline h2 {
        font-size: 22px;
    }

    .hp-headline h2 {
        margin-bottom: 18px;
    }

    body.page-template-template-services-php .top-space {
        padding-top: 0;
    }

    .single-service {
        margin-top: 25px;
    }

    .single-service .um_center_vertically {
        display: none;
    }

    .service-con span {
        margin-top: 25px;
        font-size: 30px;
    }

    .page-tabs ul li a {
        font-size: 16px;
    }



    ul.tab_buttons {
        display: none;
    }


    .btn-tabs {
        color: #fff;
        width: 100%;
        display: block;
        border: 2px solid #fff;
        border-radius: 2px;
        padding: 10px;
        text-decoration: none;
    }

    .btn-tabs:after {
        content: "\f0dc";
        float: right;
        font-size: 13px;
        margin-left: 10px;
        font-family: FontAwesome;
    }

    .btn-tabs:hover  {
        background: #fff;
        text-decoration: none;
        color: #2c2c2c;
    }

    .btn-tabs i {
        float: right;
        margin-top: 3px;
    }

    .page-tabs h1 {
        font-size: 22px;
    }

    .mobile-tabs {
        display: block;
        margin-top: 20px;
        z-index: 2;
        position: relative;
    }

    .mobile-tabs ul {
        margin-top: 10px;
        display: none;
        padding: 0;
        width: 100%;
        margin: 0;
        list-style: none;
        display: inline-block;
    }

    .mobile-tabs ul li a {
        width: 100%;
        display: inline-block;
        padding: 10px;
        margin-bottom: 1px;
        border-radius: 2px;
        background: rgba(0, 0, 0, 0.2);
        color: #fff;
        opacity: 0.6;
        transition: opacity .2s ease-in-out;
        -webkit-transition: opacity .2s ease-in-out;
        -ms-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out;
    }

    .mobile-tabs ul li a:hover {
        opacity:1;
    }

    .mobile-tabs ul li {

        width: 100%;
        float: left;
        padding-right: 0 !important;
        padding-bottom: 0;
    }

    .page-tabs {
        padding-bottom: 0px;
    }

    body.page-template-template-team-php .page-tabs > ul {
        display: none;
    }

    .member-info h2 {
        font-size: 22px;
    }

    .member-info h3 {
        font-size: 16px;
    }

    .single-post-con {
        width: 100%;
        padding: 15px 0;
    }

    .sp_title {
        font-size: 38px;
    }

    body.single-post.single-format-standard .top-space {
        padding-top: 5px;
    }

    .prev-blog-post, .next-blog-post {
        right: 30px;
    }

    .featured-post-image {
        height: 360px;
    }



    .go-portfolio {
        right: 30px;
        top: 90px;
    }

    .csf-con {
        background: none;
        width: auto;
    }

    .cs-desc-full {
        background: #fff;
        width: 100%;
    }





    .csf-button a {
        border-color: #f06eaa;
    }

    .csf-button a i {
        color: #f06eaa;
    }

    .csf-button {
        left: 30px;
        top: 30px;
        margin-right: 30px;
    }

    .cs-desc-full.move .csf-button a {
        left: 0;
    }

    .cs-desc-full {
        top: 0px;
        left: 0px;
    }

    .round-project {
        margin-left: 30px;
    }

    .portfolio-embed iframe {
        width: 100%;
        height: 300px;
    }

    .sa-icon span {
        font-size: 26px;
    }



    .sa-content {
        padding-left: 55px;
    }

    .sa-single {
        padding-bottom: 20px;
    }

.hp2-project-full a {
	height: 350px;

}

.hp2-project-full a h3 {
	margin-top: 159px;

}

}

@media (max-width: 767px){
    .menu-print {margin-top: 120px !important;}
    .copyright{
        width: 100%; left: 0; bottom: 0; background: #fff; padding: 5px 30px;
    }
    .copyright p{margin-bottom: 0;}
}


/* 36: Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    body.single-post.single-format-standard .top-space {
        padding-top: 15px;
    }

    .page-template-template-home-agency-php .single-slide.visible {
        height: 300px !important;
    }

    .page-template-template-home-agency-php .main_container {
        height: 300px !important;
    }

    body.page-template-template-portfolio-horizontal-php .hp-project {
        width: 240px;
    }

    .round-project {
        margin-left: 15px;
    }


    .sa-icon {
        margin-top: 0px;
    }

    .hp-project {
        height: 240px;
    }

    body.case_study .next-blog-post {
        top: 15px;
        right: 60px;
    }

    body.case_study .prev-blog-post {
        top: 15px;
        right: 100px;
    }


    body.page-template-template-home-agency-php .home-slider .single-slide h1 {
        font-size: 26px;
        line-height: 38px;
    }


    .portfolio-embed iframe {
        width: 100%;
        height: 260px;
    }

    .go-portfolio a {
        height: 35px;
        width: 35px;
    }

    .go-portfolio a i {
        font-size: 15px;
        margin-left: 8px;
        margin-top: 7px;
    }

    .go-portfolio {
        right: 15px;
        top: 60px;
    }

    .csf-con {
        padding-top: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .csf-con h2 {
        font-size: 22px;
    }

    .svg_marker i {
        font-size: 18px;
    }
    .page-name {
        padding-left: 15px;
        padding-top: 80px;
    }

    .hp-headline h1 {
        font-size: 26px ;
    }

    .cs-desc-full {
        top: 0px;
        left: 0px;
    }

    .csf-button a {
        width: 35px;
        height: 35px;
    }

    .csf-button a i {
        font-size: 15px;
        margin-left: 10px;
        margin-top: 7px;
    }

    .csf-button {
        left: 15px;
        top: 15px;
        margin-right: 15px;
    }

    .hp-headline h2 {
        font-size: 18px;
        margin-top: 0;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    ul.sub-menu li {
        font-size: 13px;
        line-height: 2px;
        padding: 12px;
    }

    .hp-headline {
        margin-bottom: 10px;
    }

    .main-header {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
    }

    .social-icons a {
        height: 30px;
        width: 30px;
        margin-right: 3px;
    }

    .social-icons a i {
        margin-left: 6px;
        margin-top: 6px;
    }

    .page-tabs ul li a {
        font-size: 14px;
    }

    .page-tabs ul li {
        padding-right: 15px;
    }

    .copyright  {
        /*display: none;*/
    }

    .social-icons {
        bottom: 15px;
        left: 15px;
    }

    .logo img  {
        float: left;
    }


    .ss-captions {
        padding-left: 15px;
        margin-top: -110px;
        padding-right: 15px;
    }

    .home-slider .single-slide h1 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 10px;
    }

    .spinner {
        margin: 170px auto;
    }

    .top-space {
        padding-top: 70px;
    }

    .single-post-con {
        width: 100%;
        padding: 0;
    }
    .sp_title {
        font-size: 28px;
    }

    .prev-blog-post, .next-blog-post {
        right: 15px;
    }


    .next-blog-post {
        top: 100px;
    }

    .prev-blog-post {
        top: 145px;
    }

    

    .featured-post-image {
        height: 275px !important;
    }

/*    .post-con .post-image {
        height: 200px;
    }*/


    .menu-print {
        text-align: center;
        height: 370px;
        overflow: scroll;
        margin-top: 100px !important;;

    }


}

/* 37: Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    body.page-template-template-home-agency-php .home-slider .single-slide h1 {
        font-size: 22px;
        line-height: 32px;
    }
}


/* 38: Iphone Landscape */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {

    

    .social-icons {
        bottom: 15px;
        right: 15px;
    }

    .home-slider .single-slide h1 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .ss-captions {
        margin-top: -80px;
    }

    .top-space {
        padding-top: 60px;
    }

    .social-icons a {
        height: 30px;
        width: 30px;
        margin-right: 3px;
    }

    .social-icons a i {
        margin-left: 6px;
        margin-top: 6px;
    }





    
    .btn2, .btn1 {
        padding: 6px 15px 10px 13px;
    }


}

body.page-template-template-team-php .team-members-avatars-fullscreen .page-background .member-background-mobile{
	display:none;
}

.member-info{
	min-width:266px;
}

.member-single{
	width:100%;
}

/*body.page-template-template-team-php .inner_content , body.page-template-template-contact-php .inner_content , body.page-template-template-contact-php{
    height:auto;
}*/

body.window_size .inner_content{
    height: auto;
}

@media (max-width: 1200px) {
    /*body.page-template-template-contact-php .inner_content{
        height:auto;
    }

    body.page-template-template-team-php{
        height: auto;
    }

	body.page-template-template-team-php .inner_content{
		height:auto;
	}*/
	
    body.page-template-template-team-php .team-members-avatars-fullscreen .page-background{
        background:none !important;
        height: 100% !important;
    }
	
	body.page-template-template-team-php .team-members-avatars-fullscreen .page-background .member-background-mobile{
        display:block;
		height:100%;
    }
}

/*Default Menu*/
.default_menu{
    list-style: none;
}
.default_menu > li {
    display: inline-block;
}

.default_menu .sub-menu{
    max-height: initial !important;
}
/*Default Menu*/
.next-blog-post


.header-dark .default_menu_container .menu-main-menu-container ul li a{
    color: #000;
}