/*-------------------------------------------------
 =  Table of Css

 1.Isotope                              
 2.Header                          
 3.General code                   
 4.content - home sections                              
 5.Portfolio pages                           
 6.Blog pages       
 8.Contact page                               
 9.Single post                            
 10.Single Project page                            
 11.Services                           
 12.About page                            
 13.Shop Page                   
 14.Shortcodes                   
 15.Footer
 16.nouislider style (used in priccing range)

-------------------------------------------------*/

/*-------------------------------------------------------*/
/* 1. Isotope filtering
/*-------------------------------------------------------*/


	
	.latest-tweets>div,
	.latest-tweets>div>ul
	{
		width:100% !important;
	}
	
	.latest-tweets
	{
		margin-top:0px;
	}
	
		.latest-tweets ul
		{
			margin:0px;
			padding-top:0px;
			list-style-type:none;
		}
				
			.latest-tweets ul li
			{
				clear:both;
				overflow:hidden;
				padding: 15px 0px 0px 0px
			}

.latest-tweets ul li h6
			{
		margin-top: 1px;
margin-bottom: 6px;
color: #299944;
			}
			
				.latest-tweets ul li div
				{
float: left;
width: 60px;
text-align: center;
padding: 1px 15px 8px 0px;
#margin-top: 0px;
				}
				
					.latest-tweets ul li div span
					{
						display:block;
					}
				
					.latest-tweets ul li div span.day
					{
						font-size:15px;
color: #299944;
					}
					
					.latest-tweets ul li div span.month
					{
						font-size:11px;
						text-transform:uppercase;
color: #286F39;
					}
					
				.latest-tweets ul li p
				{
					padding: 0px;
font-size: 11px;
position: relative;
margin: 5px 0px 0px 0px;
line-height: 16px;
				}
				
					.latest-tweets ul li p a
					{
						font-size:11px;
						text-transform:uppercase;
					}
					
					.latest-tweets ul li p a:hover
					{
						text-decoration:underline;
					}

.isotope-item {
    z-index: 2;
}
.about-section{
   position:relative;
padding: 30px;
}

.about-section h2{
font-size: 28px;
padding-bottom: 30px;
    text-align: center;
margin: 0;
padding-left: 10px;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    transition-property:transform, opacity;
}

/*-------------------------------------------------*/
/* =  Header
/*-------------------------------------------------*/


.top-line {
    padding: 12px 0 0px 0px;
   background: #fff;
    border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
position:fixed;
z-index: 9999;
width: 1170px;

}

.no-margin{
margin:0;
}


.no-padding{
padding:0;
}

.no-padding-left{
padding-left:0;
}



.no-padding-right{
padding-right:0;
}


.top-line p {
  float: right;
border-right: 1px solid #ddd;
margin-top: 3px;
}

.top-line p a{
   color: #253135;
}

.top-line p span {
display: inline-block;
color: #253135;
font-size: 11px;
font-family: 'Open Sans', sans-serif;
border-left: 1px solid #dddddd;
line-height: 16px;
margin-right: 10px;
}

.top-line p span i {
    color: #299944;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
  padding: 0 9px;
}



.top-line b {
float: left;
margin-left: 0;
display: inherit;
margin-top: 3px;
}

.top-line b a{
   color: #253135;
}

.top-line b span {
    display:;
    color: #253135;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    border-left: 1px solid #dddddd;
    line-height: 16px;
    margin-right: 13px;  
}

.top-line b span i {
    color: #299944;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    padding: 0 10px;
}



ul.social-icons {
   float: left;
}

ul.social-icons li {
 display: inline-block;
margin-left: 11px;
}

ul.social-icons li a {
    display: inline-block;
    margin-bottom: -2px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.social-icons li a i {
font-size: 14px;
color: #299944;
}

ul.social-icons li a:hover {
    transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
}

header {

}

.new{
width: 236px;
position: fixed;
top: 106px;
height: 100%;
z-index: 9999;
transition: all 0.17s ease-in-out;
-moz-transition: all 0.17s ease-in-out;
-webkit-transition: all 0.17s ease-in-out;
-o-transition: all 0.17s ease-in-out;
}


#wrapper {
height:100%;
padding: 17px 12px 20px 12px;
text-align: center;
background:rgba(255, 255, 255, 0.95);
border-right: 1px solid #ededed;
}

#wrapper h3 {
  color: #2A2A2A;
font-size: 20px;
font-family: 'Philosopher', sans-serif;
font-weight: 400;
-webkit-font-smoothing: antialiased;
margin: 0;
margin-bottom: 35px;
}




.header-logo {
    padding-left: 7px;
    text-align: center;
    background: #fff;
float: left;
}


.right-side{
width: 249px;
position: fixed;
top: 106px;
z-index: 3;
transition: all 0.17s ease-in-out;
-moz-transition: all 0.17s ease-in-out;
-webkit-transition: all 0.17s ease-in-out;
-o-transition: all 0.17s ease-in-out;
margin-left: 1011px;
background-color: rgb(243, 243, 243);
padding: 15px 0px 20px 0px;
border-left: 1px solid #eaeaea;
}


.header-news {
    padding: 25px 10px;
    text-align: center;
    background: #fff;
}

.main-menu > li {
    display: block;
    position: relative;
    text-align: left;
}

.main-menu > li > a {
    display: block;
    background: rgba(36,189,66,1);
background: -moz-linear-gradient(to right, rgba(16, 120, 50, 0.59) 0%, rgb(40, 170, 70) 100%);
background: -webkit-linear-gradient(to right, rgba(16, 120, 50, 0.59) 0%, rgb(40, 170, 70) 100%);
background: -webkit-linear-gradient(to right, rgba(16, 120, 50, 0.59) 0%, rgb(40, 170, 70) 100%);
background: -o-linear-gradient(to right, rgba(16, 120, 50, 0.59) 0%, rgb(40, 170, 70) 100%);
background: -ms-linear-gradient(to right, rgba(16, 120, 50, 0.59) 0%, rgb(40, 170, 70) 100%);
background: linear-gradient(to right, rgba(16, 120, 50, 0.59) 0%, rgb(40, 170, 70) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24bd42', endColorstr='#299943', GradientType=1 );
    position: relative;
    color: #fff;
font-size: 11px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
-webkit-font-smoothing: antialiased;
padding: 7px 40px 7px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.34);
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
}


.main-menu > li > a i{
font-size: 12px;
color: #fff;
padding-right: 8px;
}

.main-menu > li > a:hover {
    color: #FFF;
}

.main-menu > li > a i:hover {
     color: #FFF;
}

.main-menu li a span {
    display: inline;
    position: relative;
    z-index: 2;
}

li.drop > a span:after {
    display: block;
position: absolute;
top: -5px;
right: -12px;
content: '\f105';
font-family: 'FontAwesome';
font-size: 16px;
color: rgba(255, 255, 255, 0.49);
}

.main-menu > li > a:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background:rgba(129, 117, 111, 0.79);
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.main-menu > li > a:hover:after {
    width: 100%;
}

.main-menu > li > a.active:after {
    background: none;    
}

.main-menu > li > a.active {
color: #FFF;
background: rgba(129, 117, 111, 0.79);
}

ul.drop-down {
    position: absolute;
    top: 0;
    width: 934px;
    visibility: hidden\0/;
    opacity: 0;
    z-index: 9999;
    text-align: left;
    left: 100%;
    transition: all 0.17s linear;
    -moz-transition: all 0.17s linear;
    -webkit-transition: all 0.17s linear;
    -o-transition: all 0.17s linear;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    -mos-transition: -mos-transform 0.4s, opacity 0.1s 0.3s;
    -o-transition: -o-transform 0.4s, opacity 0.1s 0.3s;
	background-color: #fff;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

li.drop:hover > ul.drop-down {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      transform: rotateY(0deg);
      -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
      -moz-transition: -moz-transform 0.4s, opacity 0.1s;
      -mos-transition: -mos-transform 0.4s, opacity 0.1s;
      -o-transition: -o-transform 0.4s, opacity 0.1s;
      transition: transform 0.4s, opacity 0.1s;
}


.navbar-vertical ul {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #D1D1D1;
}


.navbar-vertical ul ul.drop-down{
    padding: 10px 2px 15px 2px;
}


ul.drop-down h4 {
    color: #2A2A2A;
    font-size: 17px;
    font-family: 'Philosopher', sans-serif;
    font-weight: 500;
    padding: 10px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 7px;
}


ul.drop-down h4 a{
    color: #2A2A2A;
text-decoration:none
}

ul.drop-down h4 a:hover{
    color:#299944;
text-decoration:none
}

ul.drop-down li {
  
    position: relative;
}



ul.drop-down li a {
    display: block;
    color: #646464;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    padding:2px 12px;
    text-decoration: none;
    text-transform: capitalize;
    background: rgb(255, 255, 255);
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.drop-down li a:hover {
    background: rgba(41, 153, 68, 0);
color: #0C710D;
}

ul.drop-down.level3 li a:hover {
    background: rgba(255,255,255,0.7);
}

ul.drop-down li.drop > a span:after {
  top: -2px;
color: #7e8080;
}

a.elemadded {
    display: none;
    background-color: rgb(41, 153, 68);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.03), rgba(255,255,255,.03));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.03), rgba(255,255,255,.03));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.03), rgba(255,255,255,.03));
    background-image: linear-gradient(to top, rgba(0,0,0,.03), rgba(255,255,255,.03));
    position: relative;
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    padding: 17px 0 15px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    border-top: 1px solid rgba(56,56,56,0.2);
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
    text-align: center;
}



.linkpanel {
    font-family: 'Open Sans', sans-serif;
	background-color:#e4edf4;
	margin-bottom:20px;
	height:160px;
	overflow:hidden;
	position:relative
}
.linkpanel h3 {
    font-family: 'Open Sans', sans-serif;
	font-size:19px;
	line-height:23px;
	text-transform:uppercase;
	color:#004469;
	margin-top:0;
	margin-bottom:5px
}
.linkpanel p {
	line-height:17px;
	color:#346274;
	margin-bottom:0;
	height:34px;
	overflow:hidden
}
.linkpanel .inner {
	padding:13px 20px;
	max-height:62px
}
.linkpanel p.readmore {
	color:#69b8d6;
	text-align:right;
	margin-right:20px;
	height:auto
}
.linkpanel.noImage {
	height:auto
}
.linkpanel.noImage h3 {
	font-size:24px;
	color:#58cfec;
	white-space:normal;
	overflow:visible
}
.linkpanel.noImage p {
	line-height:15px;
	margin-bottom:6px;
	height:60px
}
.linkpanel.noImage .readmore {
	display:block;
	margin-right:0;
	height:auto
}
.linkpanel img {
	height:70px;
	width:100%;
	max-width:none
}
.linkpanel a {
	text-decoration:none !important
}
.linkpanel i.icons-arrow-right-blue {
	margin-top:4px;
	margin-right:4px
}
.linkpanel.image .mask {
	width:100%;
	height:70px;
	-webkit-transition:height 0.1s ease-in;
	-moz-transition:height 0.1s ease-in;
	-o-transition:height 0.1s ease-in;
	transition:height 0.1s ease-in;
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:0
}
.linkpanel.image .mask img {
	width:100%;
	position:absolute;
	bottom:0;
	left:0
}
.linkpanel.image:hover .mask {
	height:50px
}
.linkpanel h3.larger {
	font-size:24px;
	line-height:24px;
	text-transform:none;
	color:#58cfec
}
.linkpanel.gallery a {
	text-decoration:none
}
.overviewpanel .linkpanel {
	height:190px;
	overflow:hidden
}
.overviewpanel .linkpanel h3 {
    font-family: 'Open Sans', sans-serif;
	font-size:19px;
	line-height:18px
}
.linkpanelwide {
    font-family: 'Open Sans', sans-serif;
	word-wrap:break-word;
	background-color:#e4edf4;
	position:relative;
	height:160px;
	overflow:hidden
}
.linkpanelwide a {
	display:block;
	height:100%
}
.linkpanelwide h3 {
    font-family: 'Open Sans', sans-serif;
	font-size:26px;
	line-height:28px;
	font-weight:normal;
	text-transform:none;
	margin-top:3px
}
.linkpanelwide p {
	line-height:18px;
	color:#666
}
.linkpanelwide .inner {
	padding:17px 20px
}
.linkpanelwide .inner p:first-child {
	max-height:110px;
	overflow:hidden
}
.linkpanelwide .readmore {
	position:absolute;
	right:23px;
	bottom:13px;
	font-size:13px;
	margin-bottom:0
}
.linkpanelwide .readmore i {
	vertical-align: 0px;
padding-right: 2px;
}
.linkpanelwide.lightOnDark {
background-image:url(../images/service-box-background.jpg);
}
.linkpanelwide.lightOnDark h3 {
	color:#fff;
}
.linkpanelwide.lightOnDark p {
	color:#fefefe;
}
.linkpanelwide.textLeft .readmore {
	left:23px;
font-weight: 500;
}
.linkpanelwide.textRight .readmore {
	left:23px;
}
.linkpanelwide.noImage {
	height:auto;
}
.linkpanelwide.hasImage {
	position:relative;
	*zoom:1
}
.linkpanelwide.hasImage:before,.linkpanelwide.hasImage:after {
	display:table;
	content:"";
	line-height:0;
}
.linkpanelwide.hasImage:after {
	clear:both
}
.linkpanelwide.hasImage .text {
	position:absolute;
	width:45%;
	left:20px;
	top:17px;
	z-index:1
}
.linkpanelwide.hasImage.textLeft img {
	float:right
}
.linkpanelwide.hasImage.textRight .text {
	left:auto;
	right:20px
}
.linkpanelwide.hasImage h3 {
    font-family: 'Philosopher', sans-serif; 
letter-spacing: .7px;
font-size: 16px;
	line-height:23px;
	text-transform:uppercase;
	margin-top:0;
margin-bottom: 12px;
font-weight: 600;
}
.linkpanelwide .span6.pull-right img {
	float:right
}
.linkpanelwide .span6.pull-right .inner {
	padding-left:5px
}




/* Visit http://www.menucool.com/responsive-slider for instructions */

#jssor_1{
width: 100%;
background-image:url(../images/service-box-background-header.jpg);
padding: 0;
margin: 0 auto;
overflow: hidden;
box-sizing: border-box;
border-radius: 10px;
}

#jssor_1 {
    margin:0 auto;/*center-aligned */
    font-size:0px;
    position:relative;
}




/*---------- Slide Content -------------------*/
#jssor_1 .content {
    font-family: 'Roboto', sans-serif;
    color:#FFF;
    font-size:1.2em;
    line-height:1.2;
    position: relative;
    box-sizing:border-box;
text-transform:uppercase;
}

#jssor_1 .content h3 {
color: #FFF;
text-align: left;
padding-top: 24px;
font-size: 13px;
font-family: 'Philosopher', sans-serif;
letter-spacing:1.3px;
font-weight:600;
padding-left: 17px;
margin-bottom: 20px;
}


#jssor_1 .content p {
padding-left:17px;
color:#fff;
font-size:11px;
text-align:justify;
font-family: 'open sans', sans-serif;
text-transform:capitalize;
padding-right: 17px;
margin-bottom: 25px;
}

#jssor_1 .content img {
float: right;
margin: 0 0 20px 20px;
}

#jssor_1 .content a {
color:#fff;
text-decoration:none;
-webkit-transition: all 0.7s;
transition: all 0.4s;
font-size:12px;
}

#jssor_1 .content a:hover{
color:#fff;
text-decoration:none;
padding-left:10px;
}


 .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            position: absolute;
            /* size of bullet elment */
            width: 12px;
            height: 12px;
            filter: alpha(opacity=70);
            opacity: .7;
            overflow: hidden;
            cursor: pointer;
            border: #000 1px solid;
        }
        .jssorb01 div { background-color: gray; }
        .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
        .jssorb01 .av { background-color: #fff; }
        .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

        /* jssor slider arrow navigator skin 02 css */
        /*
        .jssora02l                  (normal)
        .jssora02r                  (normal)
        .jssora02l:hover            (normal mouseover)
        .jssora02r:hover            (normal mouseover)
        .jssora02l.jssora02ldn      (mousedown)
        .jssora02r.jssora02rdn      (mousedown)
        */
        .jssora02l, .jssora02r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 55px;
            height: 55px;
            cursor: pointer;
            background:url(../images/a02.png);
            overflow: hidden;
        }
        .jssora02l { background-position: -20px -50px; }
        .jssora02r { background-position: -80px -50px; }
        .jssora02l:hover { background-position: -20px -50px; }
        .jssora02r:hover { background-position: -80px -50px; }
        .jssora02l.jssora02ldn { background-position: -3px -33px; }
        .jssora02r.jssora02rdn { background-position: -63px -33px; }


/* ---------Arrow buttons ------- */   
/* The arrow button id should be: slider id + ("-prev", "-next", and "-pause-play") */ 
.slider-inner-pause-play { display:none;}    

.slider-inner-prev, .slider-inner-next
{
position: absolute;
display: inline-block;
width: 30px;
height: 39px;
line-height: 56px;
top: 66%;
margin-top: -51px;
background-color: rgba(0, 0, 0, 0.14);
background-color: #ccc\9;
backface-visibility: hidden;
color: white;
overflow: hidden;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
border-radius: 2px;
z-index: 10;
opacity: 0;
font-family: sans-serif;
font-size: 13px;
cursor: pointer;
-webkit-transition: all 0.7s;
transition: all 0.4s;
}

.slider-inner:hover .slider-inner-prev, .slider-inner:hover .slider-inner-next {
    opacity:1;
}


.slider-inner-prev {
    left: 0px; /*set it with a positive value if .slider-inner does not have max-width setting.*/
}
.slider-inner-next {
    right: 0px;
}

/* arrows */
.slider-inner-prev::before, .slider-inner-next::before {
   position: absolute;
top: 14px;
content: "";
display: inline-block;
width: 11px;
height: 11px;
border-left: 2px solid white;
border-top: 2px solid white;
backface-visibility: hidden;
}

.slider-inner-prev::before {
  -ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 12px;
}

.slider-inner-next::before {
    -ms-transform:rotate(135deg);/*IE 9*/
    -webkit-transform:rotate(135deg);
    transform: rotate(135deg);
    right:14px;
}


/*pagination num within the arrow buttons*/
.slider-inner-prev:hover, .slider-inner-next:hover {width:30px;background-color:rgba(0, 0, 0, 0.14);}
.slider-inner-prev div {margin-right:8px;white-space:nowrap;opacity:0;float:right;}
.slider-inner-next div {margin-left:8px;white-space:nowrap;opacity:0;float:left;}
.slider-inner-prev:hover div, .slider-inner-next:hover div {opacity:0;}


/*------ pager(nav bullets) ------*/      
/* The pager id should be: slider id + "-pager" */
.slider-inner-pager { display:none;}

/*Responsive settings*/
@media only screen and (max-width:700px){

    #jssor_1 .content {
        font-size:1em;
    }
    
    #jssor_1 .content h3 {
        font-size:2em;
    }

    #jssor_1 .content img {
        display:block;
    }
    .slider-inner-prev, .slider-inner-next {
        display:none;
    }
}






/* Visit http://www.menucool.com/responsive-slider for instructions */

#jssor_2{
width: 100%;
background-image:url(../images/service-box-background.jpg);
padding: 0;
margin: 0 auto;
overflow: hidden;
box-sizing: border-box;
}

#jssor_2 {
    margin:0 auto;/*center-aligned */
    font-size:0px;
    position:relative;
}




/*---------- Slide Content -------------------*/
#jssor_2 .content {
font-family: 'Roboto', sans-serif;
color: #FFF;
font-size: 1.2em;
line-height: 1.2;
text-transform: uppercase;
position: relative;
box-sizing: border-box;
}

#jssor_2 .content h3 {
color: #FFF;
padding-top: 24px;
font-size: 12px;
font-family: 'Roboto', sans-serif;
font-weight:600;
padding-left: 17px;
margin-bottom: 20px;
}

#jssor_2 .content p {
padding-left:17px;
color:#fff;
font-size:11px;
text-align:justify;
font-family: 'open sans', sans-serif;
text-transform:capitalize;
margin-bottom: 25px;
}

#jssor_2 .content img {
float: right;
margin: 0 0 20px 20px;
}

#jssor_2 .content a {
color:#fff;
text-decoration:none;
-webkit-transition: all 0.7s;
transition: all 0.4s;
font-size:12px;
}

#jssor_2 .content a:hover{
color:#fff;
text-decoration:none;
padding-left:10px;
}





#ninja-slider-2 {
width: 100%;

background: rgba(41,153,67,1);
background: -moz-linear-gradient(left, rgba(41,153,67,1) 0%, rgba(36,189,67,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(41,153,67,1)), color-stop(100%, rgba(36,189,67,1)));
background: -webkit-linear-gradient(left, rgba(41,153,67,1) 0%, rgba(36,189,67,1) 100%);
background: -o-linear-gradient(left, rgba(41,153,67,1) 0%, rgba(36,189,67,1) 100%);
background: -ms-linear-gradient(left, rgba(41,153,67,1) 0%, rgba(36,189,67,1) 100%);
background: linear-gradient(to right, rgba(41,153,67,1) 0%, rgba(36,189,67,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299943', endColorstr='#24bd43', GradientType=1 );

padding: 0;
margin: 0 auto;
overflow: hidden;
box-sizing: border-box;
}

#ninja-slider-2 .slider-inner-2 {
    margin:0 auto;/*center-aligned */
    font-size:0px;
    position:relative;
}

#ninja-slider-2 ul {
position: relative;
list-style: none;
height: 215px;
}

#ninja-slider-2 li {    
    width:100%;
    height:100%;
    top:0;
    left:0;
    position: absolute;
    font-size:12px;
    list-style:none;
    margin:0;
    padding:0;
    opacity:0;
    overflow:hidden;
    transform-style: preserve-3d; /*prevent blurry of its children*/
}

#ninja-slider-2 li.ns-show {
    opacity:1;
}


/*---------- Slide Content -------------------*/
#ninja-slider-2 div.content {
    font-family: 'Roboto', sans-serif;
    color:#FFF;
    font-size:1.2em;
    line-height:1.2;
    position: relative;
    box-sizing:border-box;
text-transform:uppercase;
}

#ninja-slider-2 div.content h3 {
color: #FFF;
padding-top: 24px;
font-size: 12px;
font-family: 'Roboto', sans-serif;
font-weight:600;
padding-left: 17px;
}


#ninja-slider-2 div.content p {
padding-left:17px;
color:#fff;
font-size:11px;
text-align:justify;
font-family: 'open sans', sans-serif;
text-transform:capitalize;
}

#ninja-slider-2 div.content img {
float: right;
margin: 0 0 20px 20px;
}

/* ---------Arrow buttons ------- */   
/* The arrow button id should be: slider id + ("-prev", "-next", and "-pause-play") */ 
#ninja-slider-2-pause-play { display:none;}    

#ninja-slider-2-prev, #ninja-slider-2-next
{
position: absolute;
display: inline-block;
width: 30px;
height: 39px;
line-height: 56px;
top: 66%;
margin-top: -51px;
backface-visibility: hidden;
color:#FFF;
overflow: hidden;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
border-radius: 2px;
z-index: 10;
opacity: 0;
font-family: sans-serif;
font-size: 13px;
cursor: pointer;
-webkit-transition: all 0.7s;
transition: all 0.4s;
}

.slider-inner-2:hover #ninja-slider-2-prev, .slider-inner-2:hover #ninja-slider-2-next {
    opacity:1;
}


#ninja-slider-2-prev {
    left: 0px; /*set it with a positive value if .slider-inner does not have max-width setting.*/
}
#ninja-slider-2-next {
    right: 0px;
}

/* arrows */
#ninja-slider-2-prev::before, #ninja-slider-2-next::before {
   position: absolute;
top: 14px;
content: "";
display: inline-block;
width: 11px;
height: 11px;
border-left: 2px solid rgba(255, 255, 255, 0.7);
border-top: 2px solid rgba(255, 255, 255, 0.7);
backface-visibility: hidden;
}

#ninja-slider-2-prev::before {
  -ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 12px;
}

#ninja-slider-2-next::before {
    -ms-transform:rotate(135deg);/*IE 9*/
    -webkit-transform:rotate(135deg);
    transform: rotate(135deg);
    right:14px;
}


/*pagination num within the arrow buttons*/
#ninja-slider-2-prev:hover, #ninja-slider-2-next:hover {width:30px;}
#ninja-slider-2-prev div {margin-right:8px;white-space:nowrap;opacity:0;float:right;}
#ninja-slider-2-next div {margin-left:8px;white-space:nowrap;opacity:0;float:left;}
#ninja-slider-2-prev:hover div, #ninja-slider-2-next:hover div {opacity:0;}


/*------ pager(nav bullets) ------*/      
/* The pager id should be: slider id + "-pager" */
#ninja-slider-2-pager { display:none;}

/*Responsive settings*/
@media only screen and (max-width:700px){

    #ninja-slider-2 div.content {
        font-size:1em;
    }
    
    #ninja-slider-2 div.content h3 {
        font-size:2em;
    }

    #ninja-slider-2 div.content img {
        display:none;
    }
    #ninja-slider-2-prev, #ninja-slider-2-next {
        display:none;
    }
}










/*-------------------------------------------------*/
/* =  General code
/*-------------------------------------------------*/
ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
}

h1 {
    color: #000000;
    font-size: 38px;
    font-family: 'Philosopher', sans-serif; 
letter-spacing:1px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    margin: 0;    
}


h2 {
    color: #464646;
    font-size: 24px;
  font-family: 'Philosopher', sans-serif; 
letter-spacing:1px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 10px;    
}


.stat-item {
background-color: rgba(5, 1, 1, 0);
padding: 20px 1px 20px 2px;
overflow: hidden;
}
.stat-item-icon {
float: left;
background-color: #299944;
color: #FFF;
width: 44px;
height: 44px;
text-align: center;
font-size: 23px;
line-height: 42px;
margin-right: 15px;
}
.stat-item-number {
	float:left;
	font-weight:700;
	font-size:33px;
	margin-right: 15px;
	line-height:42px;
color: #fff;
}
.stat-item-text {
	padding-top:4px;
color: #fff;
	padding-left:62px
}
.stat-item-mark {
	background-color:#00c0e2;
	color:#fff
}
.stat-item-mark .stat-item-icon {
	background-color:#3e4f59
}

.project{
background-image:url(../images/project.jpg);
padding: 25px 20px 25px 20px;

}

 
.fancy-service {
float: left;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
padding: 85px 104px 84px 105px;
 transition: all 0.55s ease-in-out;
    -moz-transition: all 0.55s ease-in-out;
    -webkit-transition: all 0.55s ease-in-out;
    -o-transition: all 0.55s ease-in-out;
}

.fancy-service:hover{

background-color:#299944;

}

.fancy-service:before {
   
}
.fancy-service:hover:before{opacity:0.9; background: rgba(0, 0, 0, 0.74) none repeat scroll 0 0; color:#000}
.fancy-service > img {
    width: 100%;
    z-index: -1;
}
.fancy-service:hover > img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.service-detail {
   left: 0;
position: absolute;
top: 84%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: 2;
-webkit-transition: all 0.8s ease 0s;
-moz-transition: all 0.8s ease 0s;
-ms-transition: all 0.8s ease 0s;
background-color: RGBA(59, 59, 59, 0.82);
transition: all 0.8s ease 0s;
}
.service-detail > span {
    float: left;
    font-family: lato;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-top: 50px;
    width: 100%;
}
.fancy-service:hover .service-detail > span {margin-top: 0;}

.sticky .quick-contact li > img {
    top: 7px;
    width: 26px;
}
.service-detail h3 {
    color: #686868;
float: left;
font-size: 13px;
font-weight: 600;
margin: 10px 0 7px 0px;
width: 100%;
}
.service-detail > h5 {
    color: #ffffff;
    float: left;
    font-size: 13px;
    font-weight:500;
    margin-top: 14px;
    width: 100%;
}



.service-detail > img {
color: #299944;
position: relative;
transition: all 0.3s linear 0s;
}


.service-detail > h4 {
font-size: 15px;
font-family: 'Philosopher', sans-serif;
letter-spacing:1.3px;
font-weight: 600;
-webkit-font-smoothing: antialiased;
padding-bottom: 8px;
margin: 0;
padding-top: 7px;
color: #25c838;
}

.service-detail > p {
color: #fff;
float: left;
font-size: 11px;
font-weight: 500;
width: 100%;
padding-left: 5px !important;
padding-right: 5px;
padding-bottom: 10px;
}

.fancy-service .service-detail .theme-btn {
background-color: #26A544;
display: inline-block;
float: none;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
color: #fff;
-webkit-transition: all 0.8s ease 0s;
-moz-transition:  all 0.8s ease 0s;
-ms-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
}

.service-detail .theme-btn a{
color:#fff;

}


.service-detail .theme-btn i{
font-size: 21px;
line-height: 15px;
}


.service-detail .theme-btn:hover {
border: 1px solid #26A544;
background-color:transparent;
color: #26A544;}

.fancy-service:hover .service-detail .theme-btn {
    margin-top: 0px;
opacity: 1;
padding: 7px 11px 3px 13px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);

}
.fancy-service:hover .service-detail {padding-bottom: 76px; 
}
.fancy-service:hover .service-detail > img{
    opacity: 0;

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.fancy-service:hover .service-detail > span{color:#FFF}

/* 12. Headings */

.row.merge {
    margin-left: 10px;
}


.three-button {
margin-top: 28px;
    
}

.three-button img{
margin-bottom: 20px;
    
}

.slider-button {
    font-family: "Fjalla One",sans-serif;
    font-weight: lighter;
    padding: 18px;
    margin-top: 20px;
    font-size: 22px;
    color: #FFF;
    background: rgba(47,158,37,1);
    background: -moz-linear-gradient(top, rgba(47,158,37,1) 0%, rgba(32,77,28,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(47,158,37,1)), color-stop(100%, rgba(32,77,28,1)));
    background: -webkit-linear-gradient(top, rgba(47,158,37,1) 0%, rgba(32,77,28,1) 100%);
    background: -o-linear-gradient(top, rgba(47,158,37,1) 0%, rgba(32,77,28,1) 100%);
    background: -ms-linear-gradient(top, rgba(47,158,37,1) 0%, rgba(32,77,28,1) 100%);
    background: linear-gradient(to bottom, rgba(47,158,37,1) 0%, rgba(32,77,28,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f9e25', endColorstr='#204d1c', GradientType=0 );
    border-radius: 15px;
    text-align: center;
    text-transform: none;
}


.slider-button:hover {
    background: rgba(47,158,37,1);
    color: #FFF;
    text-decoration: none;
}

.service-width{
margin-left: 0px;
float: left;

}


.service-width-2{
margin-left: 0px;
float: left;
margin-bottom: 0px;
}


.services-box h2{
color: #2A2A2A;
font-size: 24px;
font-family: 'Lato', sans-serif;
font-weight: 500;
margin: 0;
text-align:center;
margin-bottom: 30px;
}

.services-box h2::after {
content: '';
position: absolute;
bottom: 0%;
left: 46%;
width: 60px;
background: #299944;
height: 2px;
top: 149%;
}





.fancy-service-2 {
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    padding: 0px 140px 0px 141px;
    background-color: RGBA(41, 153, 68, 0);
    transition: all 0.55s ease-in-out;
    -moz-transition: all 0.55s ease-in-out;
    -webkit-transition: all 0.55s ease-in-out;
    -o-transition: all 0.55s ease-in-out;
    height: 168px;
}

.fancy-service-2:hover{

background-color:#299944;

}

.fancy-service-2:before {
   
}
.fancy-service-2:hover:before{opacity:0.9; background: rgba(0, 0, 0, 0.74) none repeat scroll 0 0; color:#000}
.fancy-service-2 > img {
    width: 100%;
    z-index: -1;
}
.fancy-service-2:hover > img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.service-detail-2 {
left: 0;
position: absolute;
top: 108%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: 2;
-webkit-transition: all 0.8s ease 0s;
-moz-transition: all 0.8s ease 0s;
-ms-transition: all 0.8s ease 0s;
background-color: RGBA(30, 30, 30, 0.8);
transition: all 0.8s ease 0s;
padding-left:10px;
padding-right:10px;
}
.service-detail-2 > span {
    float: left;
    font-family: lato;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-top: 50px;
    width: 100%;
}
.fancy-service-2:hover .service-detail-2 > span {margin-top: 0;}
.fancy-service-2:hover .service-detail-2 > h4{color:#fff}
.sticky .quick-contact li > img {
    top: 7px;
    width: 26px;
}
.service-detail-2 h3 {
    color: #686868;
float: left;
font-size: 13px;
font-weight: 600;
margin: 10px 0 7px 0px;
width: 100%;
}
.service-detail-2 > h5 {
    color: #ffffff;
    float: left;
    font-size: 13px;
    font-weight:500;
    margin-top: 14px;
    width: 100%;
}



.service-detail-2 > img {
color: #299944;
position: relative;
transition: all 0.3s linear 0s;
}


.service-detail-2 > h4 {
font-size: 16px;
font-family: 'Philosopher', sans-serif;
letter-spacing: 1px;
font-weight: 500;
-webkit-font-smoothing: antialiased;
padding-bottom: 9px;
margin: 0;
padding-top: 9px;
color: #fff;
}

.service-detail-2 > p {
color: #ededed;
float: left;
font-size: 11px;
font-weight: 500;
width: 100%;
padding-left: 5px !important;
padding-right: 5px;
text-align: center;
padding-bottom: 10px;
}

.fancy-service-2 .service-detail-2 .theme-btn {
background-color: #FFF;
display: inline-block;
float: none;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
color: #161716;
-webkit-transition: all 0.8s ease 0s;
-moz-transition:  all 0.8s ease 0s;
-ms-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
}

.service-detail-2 .theme-btn a{
color:#68686f;

}


.service-detail-2 .theme-btn i{
font-size: 21px;
line-height: 15px;
}


.service-detail-2 .theme-btn:hover {
border: 1px solid #fff;
background-color:transparent;
color: #fff;}

.fancy-service-2:hover .service-detail-2 .theme-btn {
    margin-top: 0px;
opacity: 1;
padding: 7px 11px 3px 13px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);

}
.fancy-service-2:hover .service-detail-2 {padding-bottom: 160px;
}
.fancy-service-2:hover .service-detail-2 > img{
    opacity: 0;

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.fancy-service-2:hover .service-detail-2 > span{color:#FFF}











.fancy-service-3 {
float: left;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
padding: 88px 102px 88px 102px;
 transition: all 0.55s ease-in-out;
    -moz-transition: all 0.55s ease-in-out;
    -webkit-transition: all 0.55s ease-in-out;
    -o-transition: all 0.55s ease-in-out;
}

.fancy-service-3:hover{

background-color:#299944;

}

.fancy-service-3:before {
   
}
.fancy-service-3:hover:before{opacity:0.9; background: rgba(0, 0, 0, 0.74) none repeat scroll 0 0; color:#000}
.fancy-service-3 > img {
    width: 100%;
    z-index: -1;
}
.fancy-service-3:hover > img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.service-detail-3 {
   left: 0;
position: absolute;
top: 106%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: 2;
-webkit-transition: all 0.8s ease 0s;
-moz-transition: all 0.8s ease 0s;
-ms-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
}
.service-detail-3 > span {
    float: left;
    font-family: lato;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-top: 50px;
    width: 100%;
}
.fancy-service-3:hover .service-detail-3 > span {margin-top: 0;}

.sticky .quick-contact li > img {
    top: 7px;
    width: 26px;
}
.service-detail-3 h3 {
    color: #686868;
float: left;
font-size: 13px;
font-weight: 600;
margin: 10px 0 7px 0px;
width: 100%;
}
.service-detail-3 > h5 {
    color: #ffffff;
    float: left;
    font-size: 13px;
    font-weight:500;
    margin-top: 14px;
    width: 100%;
}



.service-detail-3 > img {
color: #299944;
position: relative;
transition: all 0.3s linear 0s;
}


.service-detail-3 > h4 {
font-size: 15px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
-webkit-font-smoothing: antialiased;
padding-bottom: 8px;
margin: 0;
padding-top: 7px;
color: #25c838;
}

.service-detail-3 > p {
color: #fff;
float: left;
font-size: 11px;
font-weight: 500;
width: 100%;
padding-left: 5px !important;
padding-right: 5px;
padding-bottom: 10px;
}

.fancy-service-3 .service-detail-3 .theme-btn {
background-color: #26A544;
display: inline-block;
float: none;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
color: #fff;
-webkit-transition: all 0.8s ease 0s;
-moz-transition:  all 0.8s ease 0s;
-ms-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
font-size:14px;
}

.service-detail-3 .theme-btn a{
color:#fff;

}


.service-detail-3 .theme-btn i{
font-size: 21px;
line-height: 15px;
}


.service-detail-3 .theme-btn:hover {
border: 1px solid #6E6D69;
background-color: #6e6d69;
color: #FFF;}

.fancy-service-3:hover .service-detail-3 .theme-btn {
    margin-top: 0px;
opacity: 1;
padding: 8px 13px 8px 13px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);

}

.fancy-service-3:hover .service-detail-3 .theme-btn a{
font-size:13px;

}

.fancy-service-3:hover .service-detail-3 .theme-btn i{
padding-left:5px;

}

.fancy-service-3:hover .service-detail-3 {padding-bottom: 156px;
}
.fancy-service-3:hover .service-detail-3 > img{
    opacity: 0;

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.fancy-service-3:hover .service-detail-3 > span{color:#FFF}








/* 12. Headings */

.row.merge {
    margin-left: 10px;
}

.service-width-2{
margin-left: 0px;
float: left;

}


.service-width-2{
margin-left: 0px;
float: left;
margin-bottom: 0px;
}


.services-box h2{
color: #2A2A2A;
font-size: 24px;
font-family: 'Philosopher', sans-serif; 
letter-spacing:1px;
font-weight: 500;
margin: 0;
text-align:center;
margin-bottom: 30px;
}

.services-box h2::after {
content: '';
position: absolute;
bottom: 0%;
left: 46%;
width: 60px;
background: #299944;
height: 2px;
top: 149%;
}


h3 {
    color: #2A2A2A;
    font-size: 24px;
    font-family: 'Philosopher', sans-serif; 
letter-spacing:1px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    margin-bottom: 30px;
}



h4 {
    color: #2A2A2A;
    font-size: 18px;
    font-family: 'Philosopher', sans-serif; 
letter-spacing:1px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    margin: 0;
}



h5 {
    color: #000000;
    font-size: 15px;
    font-family: 'Philosopher', sans-serif; 
letter-spacing:1px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    margin: 0;
}

p {
    color: #575757;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    line-height: 18px;
text-align:justify;
}

a.main-button {
    color: #fff;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 12px 35px;
    background: #7ea4f5;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

a.main-button:hover {
    opacity: 0.8;
}

button {
    outline: none !important;
}

#container {
  position: relative;
z-index: 3;
padding-left: 0px;
padding-right: 2px;
}

#background-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
}

#background-container:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/back-pattern.png');
}

#background-container img {
    position: absolute;
    min-width: 1920px;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

/*-------------------------------------------------*/
/* =  content - home sections
/*-------------------------------------------------*/

/*slider*/

#slider {
background: rgb(255, 255, 255);
padding-right: 42px;
overflow: hidden;
}

.big_white span {
    font-weight: 600;
}

.modern_medium_light {
    background: #0b7af0;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -o-border-radius: 26px;
    padding: 20px 40px;
    text-align: center;
    width: 263px;
}

.modern_medium_light i {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 40px;
    margin-bottom: 14px;
}

.large_text span {
    font-weight: bold;
}

.modern_small_text_dark i {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 54px;
    line-height: 54px;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
}

.inner-content {
padding-left: 236px;
width: 1170px;
padding-top: 9.1%;
}

.content-sections {
    background: #fff;
}


.services-box {
    padding: 5px 6px 15px 6px;
}

.services-box-2{
    padding: 15px 20px 10px 20px;
}


.services-box-3{
    padding: 15px 20px 25px 20px;
}

.services-post {
    padding: 10px 0;
    margin-bottom: 30px;
}

.services-post > a {
    position: relative;
    display: inline-block;
    float: left;
    width: 63px;
    height: 63px;
    background: rgb(41, 153, 68);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
}

.services-post > a:after {
    position: absolute;
    content: '';
    width: 63px;
    height: 63px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid rgb(41, 153, 68);
    left: 0px;
    top: 0px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
}

.services-post  > a:hover {
    transform: scale(1.1) rotate(360deg);
    -webkit-transform: scale(1.1) rotate(360deg);
    -moz-transform: scale(1.1) rotate(360deg);
    -o-transform: scale(1.1) rotate(360deg);
    -webkit-backface-visibility: hidden;
}

.services-post > a:hover:after {
    position: absolute;
    content: '';
    width: 77px;
    height: 77px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border: 3px solid rgb(41, 153, 68);
    left: -7px;
    top: -7px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
}

.services-post > a i {
    font-size: 26px;
    color: #fff;
    display: inline-block;
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 66px;
}

.services-post-content {
margin-left: 78px;
padding-top: 2px;
}

.services-post-content h4 {
margin-bottom: 8px;
font-size: 17px;

}

.work-post {
    overflow: hidden;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    margin-bottom: 30px;
}

.work-post h2 {
    color: #000000;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    margin: 0;
}

.work-post-gal {
    position: relative;
}

.work-post-gal img {
    width: 100%;
    -webkit-backface-visibility: hidden;
}

.work-post-content {
    background: #fff;
    padding: 20px;
    border: 1px solid #dbdbdb;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    -o-border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    -o-border-bottom-right-radius: 6px;
}

.work-post-content span {
    display: inline-block;
    color: #4984aa;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.hover-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    background: rgba(0,118,249,0.8);
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -webkit-backface-visibility: hidden;
}

.hover-box a {
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -o-transform: scale(0.1);
    -webkit-backface-visibility: hidden;
}

.work-post:hover .hover-box {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-backface-visibility: hidden;
}

.work-post:hover .hover-box a {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-backface-visibility: hidden;
}

.hover-box a:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    background: url('../images/zoom-after.png') center center no-repeat;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.hover-box a:hover:after {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    opacity: 0;
}

.hover-box a.zoom {
    right: 50%;
    margin-right: 5px;
    background: url('../images/zoom.png') center center no-repeat;
}

.hover-box a.page {
    left: 50%;
    margin-left: 5px;
    background: url('../images/page.png') center center no-repeat;
}

.partners {
    padding-bottom: 35px;
    overflow: hidden;
}

.carousel-control .glyphicon {
    display: none;
}

.carousel-control {
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 25px;
    height: 25px;
    background: none;
    top: -50px;
    font-size: 17px;
    color: #ffffff;
    text-align: center;
    text-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -o-text-shadow: none;
    opacity: 0.5;
    opacity: 1;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.carousel-control.left {
    right: 28px;
    left: auto;
    background: rgba(41, 194, 70, 0.49);
}

.carousel-control.left:before {
    font-family: 'FontAwesome';
    content: "\f104";
    position: absolute;
    font-size: 19px;
    color: #fff;
    top: -1px;
    left: 8px;
}

.carousel-control.right {
    right: 0;
    background: rgba(41, 194, 70, 0.49);
}

.carousel-control.right:before {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    font-size: 19px;
    color: #fff;
    top: -1px;
    left: 10px;
}

.carousel-control.left:hover {
    background: rgb(41, 194, 70);
    opacity: 1;
}

.carousel-control.right:hover {
    background: rgb(41, 194, 70);
    opacity: 1;
}

.partner-list {
    overflow: hidden;
}

.partner-list li {
 float: left;
width: 21%;
    margin-left: 4%;
}

.partner-list li:first-child {
    margin-left: 0px;
}

.clients-section .partner-list img {
    width: 100%;
    -webkit-backface-visibility: hidden;
}

.news-item {
    margin-bottom: 30px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.news-item .inner-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.news-item .inner-item img {
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.news-item h2 {
    color: #000000;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    margin-bottom: 5px;
    line-height: 22px;
}

.news-item p {
    line-height: 22px;
    margin-bottom: 10px;
}

a.read-more {
    display: inline-block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #0076f9;
    color: #0076f9;
    padding: 8px 12px;
    background: #fff;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    text-transform: lowercase;
    text-decoration: none;
}

a.read-more i {
    color: #0076f9;
    font-size: 12px;
    margin-left: 7px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

a.read-more:hover i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.hover-item {
    position: absolute;
    top: 50%;
    margin-top: -56px;
    left: 0;
}

.hover-item ul li {
    margin-bottom: 5px;
}

.hover-item ul li a {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    padding: 10px;
    margin-left: -100%;
    text-decoration: none;
    background: #117bf1
}

.hover-item ul li a i {
    font-size: 14px;
    color: #fff;
    margin-right: 5px;
}

.hover-item ul li a.autor {
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.hover-item ul li a.date {
    transition: all 0.29s ease-in-out;
    -moz-transition: all 0.29s ease-in-out;
    -webkit-transition: all 0.29s ease-in-out;
    -o-transition: all 0.29s ease-in-out;
}

.hover-item ul li a.comment-numb {
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.item:hover .hover-item ul li a {
    margin-left: 0;
}

.accordion-box {
    padding-bottom: 20px;
}

.accord-elem {
    margin-bottom: 5px;
}

.accord-title {
    padding: 16px 14px;
    border: 1px solid #dbdbdb;
    position: relative;
}

.accord-title h5 {
    padding-right: 48px;
}

.accord-title h5 i {
    color: #299944;
    font-size: 17px;
    vertical-align: middle;
    margin-right: 12px;
}

a.accord-link {
    display: inline-block;
    position: absolute;
    width: 46px;
    height: 100%;
    top: 0;
    right: 0;
    border-left: 1px solid #dbdbdb;
    background: url('../images/plus.png') center center no-repeat;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.accord-elem.active a.accord-link {
    background: url('../images/minus.png') center center no-repeat;
}

a.accord-link.opened {
    background: url('../images/minus.png') center center no-repeat;
}

.accord-content {
    display: none;
    padding: 15px;
    border: 1px solid #dbdbdb;
    border-top: none;
    overflow: hidden;
}

.accord-content p{
   color:#555;
   padding-bottom:10px;
   font-size:13px;
}

.accord-content ul li{
line-height:28px;
}

.accord-content span.image-content {
    display: inline-block;
    float: left;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 22px;
    background: #007aff;
}

.accord-content span.image-content i {
    color: #fff;
    font-size: 30px;
    text-align: center;
    width: 100%;
    line-height: 68px;
    vertical-align: middle;
}

.accord-elem.active .accord-content {
    display: block;
}

.tab-content-box {
    text-align: center;
    padding: 60px;
    border: 1px solid #dbdbdb;    
}

.tab-box {
padding: 30px 20px 0px 20px;
overflow: hidden;
min-height: 410px;
}

.tab-content {
    display: none;
    overflow: hidden;
}


.tab-content p {
    margin-bottom: 12px;
}

.tab-content p span {
    color: #299944;
    font-weight: bold;
}

.tab-content .content-tab-elem {
   margin-left: 0;
}

.tab-content .content-tab-elem-2 {
   margin-left: 0px;
margin-top: 0px;
}


.tab-content .content-tab-elem-2 p{
margin-bottom: 12px;
text-align: justify;
font-size: 12px;
color: #868686;
line-height: 25px;
}

.tab-content .content-tab-elem h3{
color: #2A2A2A;
font-size: 24px;
font-family: 'Lato', sans-serif;
font-weight: 400;
-webkit-font-smoothing: antialiased;
margin: 0;
margin-bottom: 30px;
}


.tab-content .content-tab-elem h3::after, .tab-content .content-tab-elem h3::before {
		border-color: #FFF;
	}

.tab-content .content-tab-elem h3::before {
content: "";
position: absolute;
right: 90.7%;
width: 4.8%;
border-width: 0;
border-bottom-width: 2px;
border-style: solid;
margin-top: 23px;
}

.tab-content:first-child {
    display: block;

}

ul.tab-links {
border-bottom: 1px solid #dbdbdb;
overflow: hidden;
border-top: 1px solid #fff;
margin-bottom: 0px;
}

ul.tab-links li {
    float: left;
    width: 25%;
    text-align: center;
    border-left: 1px solid #dbdbdb; 
}

ul.tab-links li:first-child {
    border-left: none; 
}

ul.tab-links li a {
    display: inline-block;
    width: 100%;
    padding: 12px 5px;
    text-align: center;
   color: #414141;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 500;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    background: #fff;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.tab-links li a i {
    font-size: 30px;
    color:#299944;
    display: block;text-align: center;
    margin-bottom: 6px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.tab-links li a:hover,
ul.tab-links li a.active {
    color: #fff;
    background:#299944;
}

ul.tab-links li a:hover i,
ul.tab-links li a.active i {
    color: #fff;
}

.btn:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}




.btn {
	border: none;
font-family: inherit;
font-size: 13px;
color: inherit;
background: none;
cursor: pointer;
padding: 25px 80px;
display: inline-block;
margin: -7px 23px;
letter-spacing: 1px;
font-weight: 400;
outline: none;
position: relative;

}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-3 {
	background: #109d3d;
color: #fff;
}

.btn-3:hover {
	background: #109d3d;
color:#fff;
box-shadow: 0px 0px 0px #167522;
}

.btn-3:active {
	background: #f58500;
	top: 2px;
}

.btn-3:before {
	position: absolute;
height: 100%;
left: 0;
top: -7px;
line-height: 3;
font-size: 134%;
width: 60px;
}


.btn-3e {
padding: 7px 69px 7px 30px;
overflow: hidden;
float: right;
box-shadow: 0px 3px 2px #167522;
}


.btn-3e i{
padding-right:7px;
font-size:14px;
}

.btn-3e span i{
padding-left:17px;
font-size:14px;
}


.btn-3e:before {
right: -6px;
z-index: 2;
left: auto;

}

.btn-3e:after {
	width: 32%;
	height: 200%;
	background: #6e6d69;
	z-index: 1;
	right: 0;
	top: 0;
	margin: -5px 0 0 -5px;
	-webkit-transform-origin: 0 0;
	-webkit-transform: rotate(-20deg);
	-moz-transform-origin: 0 0;
	-moz-transform: rotate(-20deg);
	-ms-transform-origin: 0 0;
	-ms-transform: rotate(-20deg);
	transform-origin: 0 0;
	transform: rotate(-20deg);

}

.btn-3e:hover:after {
	width:0%;

}


.matrix{
    padding-top:20px;
}

.matrix ul{
padding-top:10px;
}

.matrix ul li{
line-height:40px;
font-size:14px;
}


.matrix ul li a{
color:#109D3D;
font-size:15px;
text-decoration:none;
}

.matrix ul li a:hover{
color:#333333;
text-decoration:none;
}






#page-banner .breadcrumb {
padding: 50px 15px 1px 1px;
list-style: none;
background-color: transparent;
border-radius: 4px;
text-align:left;
margin: 0;
}

#page-banner .breadcrumb i{
color:#FFF;
font-size:15px;
}


#page-banner .breadcrumb > li {
display: inline-block;

}

#page-banner .breadcrumb > li span{
color:#FFF;
padding:0;
font-size:15px;
font-weight:500;

}


#page-banner .breadcrumb > li a{
color:rgba(233, 233, 233, 0.85);
font-size:15px;
text-decoration:none;
padding-left: 3px;
padding-right: 6px;
}

#page-banner .breadcrumb > li a:hover{
color:#fff;
font-size:15px;
text-decoration:none;
}

#page-banner .breadcrumb > li + li:before {
  padding: 0 5px;
  color: #cccccc;
  content: "/\00a0";
display:none;
}

#page-banner .breadcrumb > .active {
  color: #FFF;
font-size:15px;
padding-left: 6px;
padding-right: 6px;
}



/*-------------------------------------------------*/
/* =  Portfolio
/*-------------------------------------------------*/

#page-banner {
padding: 10px 0px 10px 22px;
height:276px;
background-image:url(../images/about-banner.jpg);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#9f9f9f', GradientType=1 );
text-align: center;

}

#page-banner h1 {
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    line-height: 38px;
padding-bottom: 5px;
text-align:left;
font-family: 'Philosopher', sans-serif;
}

#page-banner p {
  color: #eaeaea;
font-size: 16px;
font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

#page-banner h1::before {
 content: '';
position: absolute;
bottom: 83%;
left: 22.3%;
width: 90px;
background: #FFF;
height: 2px;
}







#page-banner-2 .breadcrumb {
padding: 50px 15px 1px 1px;
list-style: none;
background-color: transparent;
border-radius: 4px;
text-align:left;
margin: 0;
}

#page-banner-2 .breadcrumb i{
color:#FFF;
font-size:15px;
}


#page-banner-2 .breadcrumb > li {
display: inline-block;

}

#page-banner-2 .breadcrumb > li span{
color:#FFF;
padding:0;
font-size:15px;
font-weight:500;

}


#page-banner-2 .breadcrumb > li a{
color:rgba(233, 233, 233, 0.85);
font-size:14px;
text-decoration:none;
padding-left: 3px;
padding-right: 6px;
}

#page-banner-2 .breadcrumb > li a:hover{
color:#fff;
font-size:14px;
text-decoration:none;
}

#page-banner-2 .breadcrumb > li + li:before {
  padding: 0 5px;
  color: #cccccc;
  content: "/\00a0";
display:none;
}

#page-banner-2 .breadcrumb > .active {
  color: #FFF;
font-size:14px;
padding-left: 6px;
padding-right: 6px;
}



/*-------------------------------------------------*/
/* =  Portfolio
/*-------------------------------------------------*/

#page-banner-2 {
padding: 20px 0px 20px 22px;
height: 215px;
background-color: RGBA(233, 233, 233, 0.42);
text-align: center;

}

#page-banner-2 h1 {
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    line-height: 38px;
padding-bottom: 5px;
text-align:left;
font-family: 'Open Sans', sans-serif;
}

#page-banner-2 p {
color:#565454;
font-size: 13px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
text-align: justify;
}

#page-banner-2 h1::before {
 content: '';
position: absolute;
bottom: 83%;
left: 22.3%;
width: 90px;
background: #FFF;
height: 2px;
}



.director h3{
margin-bottom: 12px;
font-size: 23px;
}

.director h5{
margin-bottom:20px;
font-weight:500;
color: #299944;
}



.list ul{
padding: 0;
margin-bottom: 15px;
margin-left: 13px;
margin-top: 7px;
}

.list ul li{
font-size: 12px;
color: #787878;
line-height: 23px;
font-family: 'Open Sans', sans-serif;
}  


.list ul li i{
padding-right:5px;
}  


.carbon-poweredby,em,i {
	font-style:italic
}
.c-button,.c-menu__close {
	-moz-appearance:none;
	appearance:none;
	border-radius:none;
	-webkit-appearance:none;
	font-size:14px;
	box-shadow:none
}
.c-button:focus,.c-menu__close:focus {
	outline:0
}
#carbonads,.c-mask,.c-menu {
	position:fixed
}

#o-wrapper {
position: fixed;
top: 288px;
z-index: 999999;
left: 92.9%;
}
.c-menu,.o-wrapper {
	-webkit-transition:-webkit-transform .3s
}
.o-container {
	margin:0 auto;
	padding:0 12px;
	max-width:960px
}
@media all and (min-width:480px) {
	.o-container {
		padding:0 24px
	}
}
@media all and (min-width:720px) {
	.o-container {
		padding:0 48px
	}
}
.o-header {
	margin:0;
	padding:0
}
.o-header-nav {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	background-color:#67b5d1
}
.o-header-nav__link {
	padding:12px;
	color:#fff
}
.o-header-nav__link:hover {
	color:#fff;
	background-color:#3184a1
}
.o-header__title {
	margin:24px;
	padding:0;
	color:#818181;
	font-size:28px;
	font-weight:300;
	text-align:center
}
@media all and (min-width:480px) {
	.o-header__title {
		margin:36px;
		font-size:42px
	}
}
.o-sub-nav {
	margin:0 0 24px;
	padding:0
}
.o-sub-nav__items {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-flow:row wrap;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	list-style:none;
	margin:0;
	padding:0
}
.o-sub-nav__item {
	margin:0;
	padding:4px
}
.o-sub-nav__link {
	display:block;
	margin:0;
	padding:4px 24px;
	border:2px solid #67b5d1
}
.o-sub-nav__item.active .o-sub-nav__link,.o-sub-nav__link:hover {
	color:#fff;
	background-color:#67b5d1
}
.o-footer {
	padding:12px 0;
	text-align:center
}
@media all and (min-width:480px) {
	.o-footer {
		padding:24px 0
	}
}
@media all and (min-width:720px) {
	.o-sub-nav {
		margin:0 0 48px
	}
	.o-footer {
		padding:48px 0
	}
}
.c-menu {
	z-index:200;
	background-color:#67b5d1;
	transition:transform .3s
}
.c-menu__items {
	list-style:none;
	margin:0;
	padding:0
}
.c-menu--push-left,.c-menu--push-right,.c-menu--slide-left,.c-menu--slide-right {
	width:100%;
}
@media all and (min-width:320px) {
	.c-menu--push-left,.c-menu--push-right,.c-menu--slide-left,.c-menu--slide-right {
		width:300px
	}
}
.c-menu--push-left .c-menu__item,.c-menu--push-right .c-menu__item,.c-menu--slide-left .c-menu__item,.c-menu--slide-right .c-menu__item {
	display:block;
	text-align:center;
	border-top:solid 1px #b5dbe9;
	border-bottom:solid 1px #3184a1
}
.c-menu--push-left .c-menu__item:first-child,.c-menu--push-right .c-menu__item:first-child,.c-menu--slide-left .c-menu__item:first-child,.c-menu--slide-right .c-menu__item:first-child {
	border-top:none
}
.c-menu--push-left .c-menu__item:last-child,.c-menu--push-right .c-menu__item:last-child,.c-menu--slide-left .c-menu__item:last-child,.c-menu--slide-right .c-menu__item:last-child {
	border-bottom:none
}
.c-menu--push-left .c-menu__link,.c-menu--push-right .c-menu__link,.c-menu--slide-left .c-menu__link,.c-menu--slide-right .c-menu__link {
	display:block;
	padding:12px 24px;
	color:#fff
}
.c-menu--push-left .c-menu__close,.c-menu--push-right .c-menu__close,.c-menu--slide-left .c-menu__close,.c-menu--slide-right .c-menu__close {
	display:block;
	padding:12px 24px;
	width:100%
}
.c-menu--push-left,.c-menu--slide-left {
	top:0;
	left:0;
	-webkit-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%)
}
@media all and (min-width:320px) {
	.c-menu--push-left,.c-menu--slide-left {
		-webkit-transform:translateX(-300px);
		-ms-transform:translateX(-300px);
		transform:translateX(-300px)
	}
}
.c-menu--push-left.is-active,.c-menu--slide-left.is-active {
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
.c-menu--push-right,.c-menu--slide-right {
	top:43%;
	right:0;
	-webkit-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transform:translateX(100%)
}
@media all and (min-width:320px) {
	.c-menu--push-right,.c-menu--slide-right {
		-webkit-transform:translateX(300px);
		-ms-transform:translateX(300px);
		transform:translateX(300px)
	}
}
.c-menu--push-right.is-active,.c-menu--slide-right.is-active {
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
.c-menu--push-bottom,.c-menu--push-top,.c-menu--slide-bottom,.c-menu--slide-top {
	vertical-align:middle;
	width:100%;
	height:60px;
	text-align:center;
	overflow-x:scroll
}
.c-mask,body.has-active-menu {
	overflow:hidden
}
.c-menu--push-bottom .c-menu__items,.c-menu--push-top .c-menu__items,.c-menu--slide-bottom .c-menu__items,.c-menu--slide-top .c-menu__items {
	display:inline-block;
	text-align:center
}
.c-menu--push-bottom .c-menu__item,.c-menu--push-top .c-menu__item,.c-menu--slide-bottom .c-menu__item,.c-menu--slide-top .c-menu__item {
	display:inline-block;
	line-height:60px
}
.c-menu--push-bottom .c-menu__link,.c-menu--push-top .c-menu__link,.c-menu--slide-bottom .c-menu__link,.c-menu--slide-top .c-menu__link {
	display:block;
	padding:0 4px;
	color:#fff
}
.c-menu--push-bottom .c-menu__close,.c-menu--push-top .c-menu__close,.c-menu--slide-bottom .c-menu__close,.c-menu--slide-top .c-menu__close {
	display:inline-block;
	margin-right:12px;
	padding:0 24px;
	height:60px;
	line-height:60px
}
.c-menu--push-top,.c-menu--slide-top {
	top:0;
	left:0;
	-webkit-transform:translateY(-60px);
	-ms-transform:translateY(-60px);
	transform:translateY(-60px)
}
.c-menu--push-top.is-active,.c-menu--slide-top.is-active {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.c-menu--push-bottom,.c-menu--slide-bottom {
	bottom:0;
	left:0;
	-webkit-transform:translateY(60px);
	-ms-transform:translateY(60px);
	transform:translateY(60px)
}
.c-menu--push-bottom.is-active,.c-menu--slide-bottom.is-active {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.o-wrapper.has-push-left {
	-webkit-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transform:translateX(100%)
}
@media all and (min-width:320px) {
	.o-wrapper.has-push-left {
		-webkit-transform:translateX(300px);
		-ms-transform:translateX(300px);
		transform:translateX(300px)
	}
}
.o-wrapper.has-push-right {
	-webkit-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%)
}
@media all and (min-width:320px) {
	.o-wrapper.has-push-right {
		-webkit-transform:translateX(-300px);
		-ms-transform:translateX(-300px);
		transform:translateX(-300px)
	}
}
.o-wrapper.has-push-top {
	-webkit-transform:translateY(60px);
	-ms-transform:translateY(60px);
	transform:translateY(60px)
}
.o-wrapper.has-push-bottom {
	-webkit-transform:translateY(-60px);
	-ms-transform:translateY(-60px);
	transform:translateY(-60px)
}
.c-menu__close {
	color:#fff;
	background-color:#3184a1;
	border:none;
	cursor:pointer
}
.c-mask {
	z-index:100;
	top:0;
	left:0;
	width:0;
	height:0;
	opacity:0;
	-webkit-transition:opacity .3s,width 0s .3s,height 0s .3s;
	transition:opacity .3s,width 0s .3s,height 0s .3s
}
.c-mask.is-active {
	width:100%;
	height:100%;
	opacity:.7;
	-webkit-transition:opacity .3s;
	transition:opacity .3s
}
.c-buttons {
	text-align:center
}
.c-button {
	display: inline;
padding: 12px 24px;
color: #fff;
background: rgb(16, 157, 61);
cursor: pointer;
border: 0;
}
.carbon-img,.carbon-wrap {
	display:block;
	margin:0 0 4px
}
.c-button:disabled {
	opacity:1;
	cursor:pointer;
}
#carbonads {
	bottom:12px;
	right:12px;
	z-index:1000;
	padding:24px 12px 12px;
	width:154px;
	background-color:#fff;
	line-height:1.1;
	border:1px solid #e7e7e7
}
.carbon-img {
	padding:0;
	width:130px;
	height:100px
}
.carbon-text {
	color:#818181;
	font-size:12px
}
.carbon-poweredby {
	font-size:10px
}
.carbonad__close {
	display:block;
	position:absolute;
	top:0;
	left:12px;
	height:24px;
	font-size:11px;
	line-height:24px
}
@media all and (max-width:660px) {
	#carbonads {
		display:none
	}
}




#testimonial{
border:0;
}


#testimonial .cd-testimonials-wrapper {
  position: relative;
width: 100%;
max-width: 968px;
background-image:url(../images/testimonial.jpg);
margin: 50px 0px 30px 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 20px 40px 70px;
  z-index: 1;
}
#testimonial .cd-testimonials-wrapper::after {
  /* quotation mark */
content: '\201D';
position: absolute;
top: 205px;
width: 50px;
height: 50px;
padding-top: 8px;
margin-left: 82%;
background: rgb(255, 255, 255);
font-family: "Georgia", serif;
color: #26A64F;
  font-size: 70px;
  font-size: 4.375rem;
  text-align: center;
  /* visible on big devices only */
  display: none;
}

#testimonial .cd-testimonials-wrapper::before {
  /* quotation mark */
content: '\201C';
position: absolute;
top: 0px;
left: 0;
width: 50px;
height: 50px;
padding-top: 8px;
margin-left: 66px;
background: rgb(255, 255, 255);
font-family: "Georgia", serif;
color: #26A64F;
  font-size: 70px;
  font-size: 4.375rem;
  text-align: center;
  /* visible on big devices only */
  display: none;
}

@media only screen and (min-width: 768px) {
  #testimonial .cd-testimonials-wrapper {
   padding: 55px 50px 55px;
  }
}
@media only screen and (min-width: 1170px) {
  #testimonial .cd-testimonials-wrapper::after {
    /* quotation mark visible */
    display: block;
  }
#testimonial .cd-testimonials-wrapper::before {
    /* quotation mark visible */
    display: block;
  }

}

#testimonial .cd-testimonials {
  color: #ffffff;
  text-align: center;
}
#testimonial .cd-testimonials::after {
  clear: both;
  content: "";
  display: table;
}
#testimonial .cd-testimonials > li {
  position: absolute;
  opacity: 0;
}
#testimonial .cd-testimonials > li:first-child {
  position: relative;
  opacity: 1;
}
#testimonial .cd-testimonials p {
  font-family: "Georgia", serif;
  font-style: italic;
  line-height: 1.4;
  margin-bottom: 1em;
  padding: 0 14px;
}
@media only screen and (min-width: 768px) {
  #testimonial .cd-testimonials p {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media only screen and (min-width: 1170px) {
 #testimonial .cd-testimonials p {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.6;
color:#FFF;
  }

 #testimonial .cd-testimonials h4 {
   color: rgb(255, 255, 255);
font-weight: 600;
margin-bottom: 17px;
  }

}

#testimonial .cd-author img, #testimonial .cd-author #testimonial .cd-author-info {
  display: inline-block;
  vertical-align: middle;
}
#testimonial .cd-author img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 5px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
#testimonial .cd-author #testimonial .cd-author-info {
  text-align: left;
  line-height: 1.2;
}
#testimonial .cd-author #testimonial .cd-author-info li:first-child {
  font-size: 14px;
  font-size: 0.875rem;
}
#testimonial .cd-author #testimonial .cd-author-info li:last-child {
  font-size: 12px;
  font-size: 0.75rem;
  color: #6b6b70;
}
@media only screen and (min-width: 768px) {
  #testimonial .cd-author img {
    width: 50px;
    height: 50px;
  }
  #testimonial .cd-author #testimonial .cd-author-info {
    line-height: 1.4;
  }
  #testimonial .cd-author #testimonial .cd-author-info li:first-child {
    font-size: 16px;
    font-size: 1rem;
  }
  #testimonial .cd-author #testimonial .cd-author-info li:last-child {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

#testimonial .flex-direction-nav li {
  position: absolute;
  height: 100%;
  width: 40px;
  top: 0;
}
#testimonial .flex-direction-nav li:first-child {
  left: 0;
}
#testimonial .flex-direction-nav li:last-child {
  right: 0;
}
#testimonial .flex-direction-nav li a {
  display: block;
  height: 100%;
  width: 100%;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;

}
#testimonial .no-touch #testimonial .flex-direction-nav li a:hover {
  background-color: #323234;
}
#testimonial .flex-direction-nav li a::before, #testimonial .flex-direction-nav li a::after {
  /* left and right arrows in css only */
  content: '';
  position: absolute;
  left: 50%;
  top: 60%;
  width: 2px;
  height: 13px;
  background-color: #ffffff;
}
#testimonial .flex-direction-nav li a::before {
  -webkit-transform: translateY(-35px) rotate(45deg);
  -moz-transform: translateY(-35px) rotate(45deg);
  -ms-transform: translateY(-35px) rotate(45deg);
  -o-transform: translateY(-35px) rotate(45deg);
  transform: translateY(-35px) rotate(45deg);
}
#testimonial .flex-direction-nav li a::after {
  -webkit-transform: translateY(-27px) rotate(-45deg);
  -moz-transform: translateY(-27px) rotate(-45deg);
  -ms-transform: translateY(-27px) rotate(-45deg);
  -o-transform: translateY(-27px) rotate(-45deg);
  transform: translateY(-27px) rotate(-45deg);
}
#testimonial .flex-direction-nav li:last-child a::before {
  -webkit-transform: translateY(-35px) rotate(-45deg);
  -moz-transform: translateY(-35px) rotate(-45deg);
  -ms-transform: translateY(-35px) rotate(-45deg);
  -o-transform: translateY(-35px) rotate(-45deg);
  transform: translateY(-35px) rotate(-45deg);
}
#testimonial .flex-direction-nav li:last-child a::after {
  -webkit-transform: translateY(-27px) rotate(45deg);
  -moz-transform: translateY(-27px) rotate(45deg);
  -ms-transform: translateY(-27px) rotate(45deg);
  -o-transform: translateY(-27px) rotate(45deg);
  transform: translateY(-27px) rotate(45deg);
}
@media only screen and (min-width: 768px) {
  #testimonial .flex-direction-nav li {
    width: 50px;
  }
}
@media only screen and (min-width: 1170px) {
 #testimonial  .flex-direction-nav li a::before, #testimonial .flex-direction-nav li a::after {
    background-color: #fff;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  #testimonial .flex-direction-nav li a:hover::before, #testimonial .flex-direction-nav li a:hover::after {
    background-color: #ffffff;
  }
}

#testimonial .cd-see-all {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: #252527;
  text-align: center;
  text-transform: uppercase;
  color: #6b6b70;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-transition: color, 0.2s;
  -moz-transition: color, 0.2s;
  transition: color, 0.2s;
}
#testimonial .no-touch #testimonial .cd-see-all:hover {
  color: #79b6e4;
}

#testimonial .cd-testimonials-all {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
#testimonial .cd-testimonials-all #testimonial .cd-testimonials-all-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
}
#testimonial .cd-testimonials-all #testimonial .cd-testimonials-all-wrapper > ul {
  width: 90%;
  max-width: 1170px;
  margin: 4em auto;
}
#testimonial .cd-testimonials-all #testimonial .cd-testimonials-all-wrapper > ul::after {
  clear: both;
  content: "";
  display: table;
}
#testimonial .cd-testimonials-all #testimonial .cd-testimonials-item {
  margin-bottom: 2em;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translate3d(0, 0, 0) scale(0.4);
  -moz-transform: translate3d(0, 0, 0) scale(0.4);
  -ms-transform: translate3d(0, 0, 0) scale(0.4);
  -o-transform: translate3d(0, 0, 0) scale(0.4);
  transform: translate3d(0, 0, 0) scale(0.4);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform .3s, opacity .3s;
  -moz-transition: -moz-transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s;
}
#testimonial .cd-testimonials-all p {
  position: relative;
  background: #79b6e4;
  color: #ffffff;
  padding: 2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.4;
  border-radius: 0.25em;
  margin-bottom: 1em;
}
#testimonial .cd-testimonials-all p::after {
  /* creating the triangle in css */
  content: '';
  position: absolute;
  top: 100%;
  left: 2em;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-top-color: #79b6e4;
}
#testimonial .cd-testimonials-all #testimonial .cd-author {
  text-align: left;
  margin-left: 1.5em;
}
#testimonial .cd-testimonials-all #testimonial .cd-author img {
  box-shadow: 0 0 0 transparent;
}
#testimonial .cd-testimonials-all.is-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
#testimonial .cd-testimonials-all.is-visible #testimonial .cd-testimonials-all-wrapper {
  -webkit-overflow-scrolling: touch;
}
#testimonial .cd-testimonials-all.is-visible #testimonial .cd-testimonials-item {
  opacity: 1;
  -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);
}
@media only screen and (min-width: 768px) {
  #testimonial .cd-testimonials-all #testimonial .cd-testimonials-item {
    width: 46%;
    margin: 0 2% 3em;
  }
  #testimonial .cd-testimonials-all #testimonial .cd-author {
    margin-left: 1em;
  }
}
@media only screen and (min-width: 1170px) {
  #testimonial .cd-testimonials-all #testimonial .cd-testimonials-item {
    width: 30%;
    margin: 0 1.6666% 3em;
  }
}

#testimonial .close-btn {
  position: fixed;
  display: block;
  width: 40px;
  height: 40px;
  top: 10px;
  right: 5%;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
#testimonial .close-btn::before, #testimonial .close-btn::after {
  /* close icon in css */
  content: '';
  position: absolute;
  display: inline-block;
  width: 2px;
  height: 24px;
  top: 8px;
  left: 19px;
  background-color: #39393c;
}
#testimonial .close-btn::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#testimonial .close-btn::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}















ul.filter {
    margin-bottom: 15px;
    overflow: hidden;
    border: 1px solid #dbdbdb;
}

ul.filter li {
    float: left;
    border-right: 1px solid #dbdbdb;
}

ul.filter li a {
    position: relative;
    display: inline-block;
    color: #7e7e7e;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    padding: 12px 17px;
    background: #fff;
}

ul.filter li a.active,
ul.filter li a:hover {
    color: #fff;
    background: #0076f9;
}

ul.filter li a.active:after,
ul.filter li a:hover:after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border: 1px solid #0076f9;
    z-index: 2;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.filter li a i {
    color: #7e7e7e;
    font-size: 17px;
    margin-right: 10px;
    vertical-align: middle;
}

ul.filter li a.active i,
ul.filter li a:hover i {
    color: #fff;
}

.portfolio-container {
    width: 840px;
    margin-left: -15px;
    margin-bottom: 20px;
}

.portfolio-container .work-post {
    margin: 15px;
}

.with-3-col .portfolio-container .work-post {
    width: 250px;
}

.with-2-col .portfolio-container .work-post {
    width: 390px;
}

ul.pagination-list {
    margin-bottom: 38px;
}

ul.pagination-list li {
    display: inline-block;
}

ul.pagination-list li a {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #f3f3f3;
    padding: 5px 10px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #000;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.pagination-list li a.active,
ul.pagination-list li a:hover {
    background: #007aff;
    color: #fff;
}

/*-------------------------------------------------*/
/* =  Blog
/*-------------------------------------------------*/


.search-widget {
    margin-bottom: 30px;
}

.search-widget input[type="search"] {
    color: #716565;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    padding: 15px 20px;
    border: 1px solid #dcdcdc;
    width: 100%;
    outline: none;
}

.search-widget input[type="search"]:focus {
    border: 1px solid #007aff;
}

.search-widget button {
    background: #fff;
    border: none;
    float: right;
    margin-top: -35px;
    margin-right: 15px;
    position: relative;
    z-index: 2;
}

.search-widget button i {
    color: #007aff;
    font-size: 18px;
}

.sidebar-widgets .widget > h5 {
    margin-bottom: 20px;
}

.tabs-widget ul.tab-links {
    border-bottom: none;
    border-top: 1px solid #dbdbdb;
    margin-bottom: 0;
}

.tabs-widget ul.tab-links li a {
    font-size: 13px;
}

.tabs-widget ul.tab-links li a:hover,
.tabs-widget ul.tab-links li a.active {
    background: #fff;
    color: #007aff;
}

.tabs-widget {
    margin-bottom: 30px;
}

.tabs-widget .tab-box {
    padding: 0;
    text-align: left;
    min-height: 20px;
}

.tabs-widget .tab-box .tab-content {
    padding: 20px;
}

.tabs-widget .tab-content ul li {
    overflow: hidden;
    margin-bottom: 16px;
    width: 100%;
}

.tabs-widget .tab-content ul li img {
    float: left;
    width: 45px;
}

.tabs-widget .tab-content ul li h6 {
    line-height: 17px;
    color: #aeaeae;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    margin-left: 55px;
}

.tabs-widget .tab-content ul li h6 a {
    color: #aeaeae;
    text-decoration: none;
    display: inline-block;
}

.tabs-widget .tab-content ul li h6 a:hover {
    color: #007aff;
}

.accordion-widget {
    margin-bottom: 10px;
}

.accordion-widget .accord-content {
    padding: 18px;
}

.sidebar .tags-widget {
    margin-bottom: 20px;
}

.sidebar .text-widget {
    margin-bottom: 20px;
}

ul.tag-widget-list li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 10px;
}

ul.tag-widget-list li a {
    display: inline-block;
    color: #797979;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    padding: 5px 8px;
    text-decoration: none;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.tag-widget-list li a:hover {
    color: #007aff;
    border: 1px solid #007aff;
}

/*-------------------------------------------------*/
/* =  Contact
/*-------------------------------------------------*/



#contact-form {
    overflow: hidden;
    margin-bottom: 35px;
}

#contact-form i {
    color: #a8a8a8;
    font-size: 15px;
}

.text-input {
    overflow: hidden;
}

.float-input,
.float-input2 {
    width: 50%;
    float: left;
    padding-right: 7px;
    position: relative;
}

.textarea-input {
    position: relative;
}

.float-input span,
.float-input2 span,
.textarea-input span {
    position: absolute;
    top: 13px;
    left: 14px;
    z-index: 2;
}

.float-input2 span {
    left: 18px;
}


.float-input2 {
    padding-right: 0px;
    padding-left: 7px;
}

#contact-form input[type="text"],
#contact-form textarea,
.comment-form input[type="text"],
.comment-form textarea {
    color: #737373;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #e6e6e6;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    outline: none;
    width: 100%;
    padding: 12px 32px;
    display: block;
    margin-bottom: 10px; 
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; 
}

#contact-form input[type="text"]:focus,
#contact-form textarea:focus,
.comment-form input[type="text"]:focus,
.comment-form textarea:focus {
    border: 1px solid #007aff; 
}

#contact-form textarea {
    height: 110px;
    padding-left: 36px;
}

#contact-form input[type="submit"],
.comment-form input[type="submit"] {
    float: right;
    margin-top: 8px;
    color: #fdfdfd;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 13px 20px;
    background: #0076f9;
    text-transform: uppercase;
    border: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

#contact-form input[type="submit"]:hover,
.comment-form input[type="submit"]:hover {
    opacity: 0.8;
}

.msg,
.msg2 {
    height:30px;
    font-size:13px;
    font-family: 'Open Sans', sans-serif;
    float: left;
}

.msg.error,
.msg2.error {
    color:#eb2c06;
}

.msg.success,
.msg2.success {
    color:#008000;
}

/*-------------------------------------------------*/
/* =  Single post
/*-------------------------------------------------*/

.single-post-content {
    margin-bottom: 20px;
    overflow: hidden;
}

.single-post-content img {
    width: 100%;
    margin-bottom: 25px;
}

.single-post-content h1 {
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 10px;
    font-size: 21px;
}

.single-post-content p {
    line-height: 22px;
    margin-bottom: 20px;
}

.comment-section {
    margin-bottom: 10px;
}

.comment-box {
    overflow: hidden;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #f0f0f0;
}

.comment-box img {
    float: left;
    padding: 8px;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    max-width: 78px;
}

.comment-content {
    margin-left: 98px;
    padding-top: 8px;
}

.comment-content h6 {
    margin: 0;
    color: #3c3c3c;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    line-height: 22px;
}

.comment-content h6 span {
    display: inline-block;
    margin-left: 6px;
    color: #b8b8b8;
    font-size: 11px;
}

.comment-content p {
    color: #868686;
    font-weight: 400;
}

.comment-content a.reply-comment {
    display: inline-block;
    color: #ffffff;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    background: #0076f9;
    text-decoration: none;
    padding: 3px 8px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    margin-top: 3px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.comment-content a.reply-comment:hover {
    opacity: 0.8;
}

ul.depth {
    margin-left: 98px;
}

.comment-form input[type="text"],
.comment-form textarea {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 17px 21px;
    font-size: 12px;
}

.comment-form textarea {
    height: 179px;
}

.comment-form input[type="submit"] {
    margin-top: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 12px;
    text-transform: inherit;   
}

.leave-comment {
    margin-bottom: 40px;
}



/* --- columns --- */

/*------------------
21.0 Contact Us.
--------------------*/
.get_in_tuch > h3 {
    color: #222;
    font-size: 26px;
    margin-bottom: 50px;
    text-align: center;
    text-transform: uppercase;
}
.get_in_tuch_form input,
.get_in_tuch_form textarea {
    margin-bottom: 30px;
    padding: 10px;
    width: 100%;
    border: 1px solid #E3E3E3;
}
.get_in_tuch_form textarea {
    height: 220px;
}
.get_in_tuch_form button {
    background: #fc5a1a none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    margin-left: 14px;
    padding: 10px 25px;
}
.get_in_tuch_form button:hover{background:#11C3F1;}
.single_contact > h3 {
    color: #222;
    font-size: 14px;
    text-transform: uppercase;
   margin-top: 0;
margin-bottom: 10px;
}
.single_contact {
    padding-left: 40px;
    position: relative;
    font-size: 13px;
}
.s_contuct_icon {
    color: #000;
    font-size: 30px;
    height: 40px;
    left: 0;
    position: absolute;
    top: -12px;
    width: 40px;
}

.s_contuct_icon-2 {
    color: #000;
    font-size: 30px;
    height: 40px;
    left: 0;
    position: absolute;
    top: -12px;
    width: 40px;
}

.s_contuct_icon {
    color: #109d3d;
    left: 0px;
    top: 2px;
}

.s_contuct_icon-2 {	color:#109d3d;	
top: 7px;}

.single_contact p {
    line-height: 22px;
    border-top: 1px solid #109d3d;
    padding-top: 12px;
    font-size: 12px;
    color: #7B7979;
    font-family: Open Sans;
}

.single_contact p a{
color: #7B7979;
}

.single_contact-2 p a{
color: #7B7979;
}

.single_contact-2 > h3 {
    color: #222;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
}
.single_contact-2 {
    padding-left: 35px;
    position: relative;
    font-size: 13px;
}

.single_contact-2 p {    line-height: 28px;
    border-top: 1px solid #109d3d;
    padding-top: 12px;
    font-size: 11px;
    color: #7B7979;
    font-family: Open Sans;}




/*-------------------------------------------------*/
/* =  Single project page
/*-------------------------------------------------*/

.single-project-content {
    margin-bottom: 40px;
}

.single-project-content img {
    width: 100%;
    margin-bottom: 20px;
}

.single-project-content h1 {
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 10px;
    font-size: 21px;
}

.single-project-content p {
    line-height: 22px;
    margin-bottom: 20px;
}

.latest-projects {
    margin-bottom: 40px;
}

/*-------------------------------------------------*/
/* =  services
/*-------------------------------------------------*/

.why-convertible-box h1 {
    margin-bottom: 10px;
    font-size: 26px;
}

.why-convertible-box h1 span {
    font-weight: 600;
}

.why-convertible-box h1 i {
    color: #0076f9;
    margin-left: 10px;
}

.why-convertible-box p {
    margin-bottom: 15px;
}

.why-convertible-box p a {
    color: #0076f9;
    font-weight: 700;
}

.tag-list li {
    display: inline-block;
    margin-right: 11px;
    margin-bottom: 15px;
}

.tag-list li a {
    display: inline-block;
    color: #0076f9;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -o-border-radius: 9px;
    border: 1px solid #0076f9;
    padding: 5px 10px;
    background: #fff;
    text-decoration: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.tag-list li a i {
    color: #0076f9;
    font-size: 17px;
    margin-right: 4px;
    vertical-align: middle;
}

.tag-list li a:hover {
    opacity: 0.7;
}

.upper-box {
    padding-bottom: 15px;
}

.company-mission {
    padding-bottom: 25px;
}

.company-mission p span {
    font-weight: 700;
    color: #0076f9;
}

.company-mission > span.icon {
    display: block;
    width: 62px;
    height: 62px;
    border: 1px solid #0076f9;
    background: #fff;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
}

.company-mission > span.icon:after {
    position: absolute;
    content: 'O';
    color: #0076f9;
    font-size: 43px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    left: 13px;
    line-height: 60px;
}

.vers-sec {
    padding-bottom: 30px;
}

.vers-sec .services-post {
    margin-bottom: 0px;
    padding: 8px 0;
}

/*-------------------------------------------------*/
/* =  About page
/*-------------------------------------------------*/

.skills-progress {
    margin-bottom: 30px;
}

.skills-progress p {
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    clear: both;
    margin-bottom: 6px;
}

.skills-progress p span {
    display: inline-block;
    color: #0076f9;
    float: right;
    font-weight: 400;
}

.meter { 
    height: 20px;  /* Can be anything */
    position: relative;
    background: #fff;
    border: 1px solid #dbdbdb;
    margin-bottom: 8px;
}

.meter > span {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #0076f9;
}

.staff-post {
    margin-bottom: 15px;
    height: 320px;
}

.staff-post-content {
    background: #b4b4b4;
    padding: 20px 23px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -o-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
}

.staff-post-content h5 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.staff-post-content span {
    color: #fff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
}

.staff-post-gal {
    border: 1px solid #dbdbdb;
    position: relative;
    overflow: hidden;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.staff-post:hover .staff-post-gal {
    padding-top: 47px;
}

.staff-post-gal img {
    width: 100%;
}

.staf-social {
    text-align: center;
    padding: 10px 10px 7px;
    border-bottom: 1px solid #dbdbdb;
    position: absolute;
    top: -100%;
    width: 100%;
    left: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.staff-post:hover .staf-social {
    top: 0;
}

.staf-social li {
    display: inline-block;
    margin-left: 3px;
}

.staf-social li:first-child {
    margin-left: 0px;
}

.staf-social li a {
    display: inline-block;
    width: 29px;
    height: 29px;
    border: 1px solid #0076f9;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.staf-social li a i {
    font-size: 13px;
    text-align: center;
    color: #0076f9;
    line-height: 29px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.staf-social li a:hover i {
    color: #ffffff;
}

.staf-social li a:hover {
    background: #0076f9;
}

ul.pricing-table {
    width: 100%;
    margin-bottom: 30px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out; 
}

ul.pricing-table:hover {
    box-shadow: 0 0 20px #c6c6c6;
}

ul.pricing-table li {
    width: 100%;
    text-align: center;
    padding: 15px 0;
    border: 1px solid #dbdbdb;
    border-top: none;
    background: #fff;
}

ul.pricing-table li:first-child {
    padding: 35px 0;
    border: none;
    background: #b4b4b4;
}

ul.pricing-table li p {
    color: #555555;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}

ul.pricing-table li:first-child p {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}

ul.pricing-table li:first-child span {
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    line-height: 20px;
}

ul.pricing-table li a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 12px 20px;
    background: #b4b4b4;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;    
}

ul.pricing-table li a:hover {
    opacity: 0.8;    
}

.pricing-table.standard li {
    border: none;
    border-bottom: 1px solid #005ec7;
    background: #0076f9;
}

.pricing-table.standard li:first-child {
    background: #ffffff;
    border: 1px solid #dbdbdb;
}

.pricing-table.standard li:last-child {
    border-bottom: none;
}

.pricing-table.standard li p {
    color: #fff;
}

.pricing-table.standard li:first-child p,
.pricing-table.standard li:first-child span {
    color: #0076f9;
}

.pricing-table.standard li a {
    background: #ffffff;
    color: #0076f9;
}

/*-------------------------------------------------*/
/* =  Shop page
/*-------------------------------------------------*/

.shop-home {
    margin-top: 30px;
}

.shop-page .product-post {
    margin-bottom: 30px;
}

.top-bar {
    padding: 9px;
    border: 1px solid #dbdbdb;
    height: 50px;
    margin-bottom: 30px;
}

.top-bar .left-block {
    float: left;
}

.top-bar .right-block {
    float: right;
}

.select-filter label {
    display: inline-block;
    margin: 0 9px 0 6px;
    color: #535353;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.select-filter .select-box {
    display: inline-block;
    margin-right: 10px;
}

.select-filter select {
    height: 30px;
    width: 100px;
    border: 1px solid #dbdbdb;
    outline: none;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

.top-bar .right-block span {
    color: #535353;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    margin-right: 9px;
}

.top-bar .right-block a {
   display: inline-block;
   width: 30px;
   height: 30px;
   text-align: center;
   background: #0076f9;
}

.top-bar .right-block i {
   font-size: 15px;
   color: #fff;
   line-height: 30px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.top-bar .right-block a:hover i {
   opacity: 0.7;
}



.product-post {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
}

.product-post:hover {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
}

.product-post img {
    width: 100%;
}

.product-post-gal {
    position: relative;
}

.product-post-gal span.price {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    color: #fff;
    padding: 11px 14px;
    background: #0076f9;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    opacity: 0.5;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.product-post:hover span {
    opacity: 1;
}

.product-post-content {
    text-align: center;
    padding: 14px 20px;
    border: 1px solid #dbdbdb;
    border-top: none;
    border-bottom-left-radius: 5px;
    -webkit-bottom-left-border-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-bottom-right-border-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
}

ul.product-list {
    margin-top: 16px;
}

ul.product-list li {
    display: inline-block;
    margin-left: 6px;
}

ul.product-list li:first-child {
    margin-left: 0px;
}

ul.product-list li a {
    display: inline-block;
    width: 60px;
    height: 38px;
    border: 1px solid #dbdbdb;
    background: #fff;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.product-list li a:hover {
    background: #0076f9;
}

ul.product-list li a i {
    font-size: 15px;
    color: #555555;
    text-align: center;
    line-height: 38px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.product-list li a:hover i {
    color: #fff;
}

.shop-widget {
    margin-bottom: 20px;
    border: 1px solid #dedede;
}

.shop-widget h4 {
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 14px;
    background: #0076f9;
}

.category-shop-list > li {
    border-top: 1px solid #dedede;
}

.category-shop-list > li:first-child {
    border-top: 1px solid #dedede;
}

.category-shop-list li a.accordion-link {
    display: inline-block;
    width: 100%;
    color: #000;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    padding: 6px 8px;
    position: relative;
    text-decoration: none;
}

.category-shop-list li a.accordion-link:hover,
.category-shop-list li a.accordion-link.active {
    color: #fff;
    background: #0076f9;
    opacity: 0.6;
}

.category-shop-list li a.accordion-link:after {
    position: absolute;
    content: '+';
    color: #7b7b7b;
    font-size: 15px;
    font-family: arial;
    font-weight: 700;
    right: 9px;
    top: 5px;
}

.category-shop-list li a.accordion-link:hover:after,
.category-shop-list li a.accordion-link.active:after {
    color: #fff;
}

.category-shop-list li a.accordion-link.active:after {
    content: '-';
    right: 13px;
}

.accordion-list-content {
    border-top: 1px solid #dedede;
    display: none;
}

.accordion-list-content li {
    margin: 5px 0;
    padding-left: 17px;
    position: relative;
}

.accordion-list-content li:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 2px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    background: #767676;
    top: 50%;
    left: 8px;
}

.accordion-list-content li a {
    display: inline-block;
    color: #767676;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

ul.popular-product {
    padding: 0 10px;
}

ul.popular-product li {
    padding-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #dedede;
    overflow: hidden;
}

ul.popular-product li:first-child {
    border-top: none;
}

ul.popular-product li img {
    float: left;
    width: 50px;
}

ul.popular-product li div {
    margin-left: 60px;
}

ul.popular-product li h6 {
    color: #000;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    margin-top: 4px;
}

ul.popular-product li h6 a {
    color: #000;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.popular-product li h6 a:hover {
    color: #0076f9;
}

ul.popular-product li span {
    color: #0076f9;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.price-range {
    padding: 18px 12px 12px;
    overflow: hidden;
}

#start-val,
#end-val {
    display: inline-block;
    border: none;
    float: left;
    padding: 0;
    color: #000;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    max-width: 50px;
}

#end-val {
   float: right;
   text-align: right;
}

/*-------------------------------------------------*/
/* =  Shortcodes
/*-------------------------------------------------*/

.text-section {
    margin-bottom: 20px;
}

.text-shortcode p {
    margin-bottom: 10px;
}

.text-image {
    overflow: hidden;
    margin-bottom: 30px;
}

.text-image.image-left img {
    float: left;
    margin-right: 20px;
}

.text-image.image-right img {
    float: right;
    margin-left: 20px;
}


.featuredNewsItem {
	margin-top:10px;
}
.featuredNewsItem h3 {
font-size: 16px;
line-height: 17px;
margin: 0 0 10px;
font-weight: 500;
}
.featuredNewsItem time {
	text-transform:uppercase;
	color:#999;
	margin-bottom:0
}
.featuredNewsItem .text {
    font-size: 12px;
    line-height: 17px;
    color: #747272;
    margin-bottom: 1em;
    text-align: justify;
    font-family: 'open sans', sans-serif;
}


/*-------------------------------------------------*/
/* =  Footer
/*-------------------------------------------------*/

footer {
    border-top: 1px solid #ededed;
    background: #fff;
}

.up-footer {
    padding: 30px 30px;    
}

.footer-widgets {
    margin-bottom: 0px;
}

.footer-widgets a{
font-size:13px;
}

.footer-widgets h4 {
color: #FFF;
padding-bottom: 8px;
border-bottom: 1px solid RGBA(254, 254, 254, 0.21);
margin-bottom: 10px;
}

.footer-widgets p {
    line-height: 22px;
    margin-bottom: 5px;
}



.footer-widgets-3 {
margin-bottom: 0px;
margin-top: 0px;
}


.footer-widgets-3 a{
font-size:13px;
}

.footer-widgets-3 h4 {
color: #299944;
padding-bottom: 8px;
border-bottom: 1px solid RGBA(41, 153, 68, 0.15);
margin-bottom: 16px;
}

.footer-widgets-3 p {
    line-height: 22px;
    margin-bottom: 5px;
}



.footer-widgets-2 {
    margin-bottom: 30px;
}

.footer-widgets-2 a{
font-size:13px;
text-decoration:none;
}

.footer-widgets-2 h4 {
color: #299944;
padding-bottom: 8px;
border-bottom: 1px solid RGBA(41, 153, 68, 0.15);
margin-bottom: 10px;
}

.footer-widgets-2 p {
    line-height: 22px;
    margin-bottom: 5px;
}

ul.flickr-list {
    overflow: hidden;
}

ul.flickr-list li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

ul.flickr-list li:nth-child(3n) {
    margin-right: 0px;
}

ul.flickr-list li a {
    display: inline-block;
    padding: 8px;
    border: 1px solid #dbdbdb;
    max-width: 76px;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.flickr-list li a img {
    width: 100%;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.flickr-list li a:hover {
    border: none;
}

ul.flickr-list li a:hover img {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
}

form#footer-contact {
margin-top:15px;
}

form#footer-contact input[type="text"] {
    display: block;
    width: 50%;
    float: left;
    border: 1px solid #dbdbdb;
    margin-bottom: -1px;
    color: #797979;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    padding: 10px;
    outline: none;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

form#footer-contact input[type="text"]:focus,
form#footer-contact textarea:focus {
    border: 1px solid #299944;
}

form#footer-contact textarea {
    display: inline-block;
    width: 100%;
    border: 1px solid #dbdbdb;
    color: #797979;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    padding: 10px;
    height: 139px;
    margin: 1px 0 0;
    outline: none;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

form#footer-contact button[type="submit"] {
    position: relative;
    float: right;
    color: #299944;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    padding: 12px;
    border: 1px solid #dbdbdb;
    border-right-color: transparent;
    border-bottom-color: transparent;
    background: #fff;
    margin-top: -47px;
    margin-right: 1px;
    z-index: 2;
    position: relative;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

form#footer-contact button i {
    font-size: 18px;
    color: #299944;
    margin-right: 10px;
}

form#footer-contact button[type="submit"]:hover {
    opacity: 0.7;
}

ul.contact-list {
margin-top:15px;
}

ul.contact-list li {
    margin-bottom: 10px;
}

ul.contact-list li a {
    position: relative;
    display: inline-block;
    color: #797979;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    padding: 6px 9px 6px 6px;
    width: 100%;
    text-decoration: none;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.contact-list li a i {
    display: inline-block;
    width: 15px;
    font-size: 16px;
    color: #797979;
    margin-right: 16px;
    vertical-align: middle;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.contact-list li a:hover {
    border: 1px solid #299944;
}

ul.contact-list li a:hover i {
    color: #299944;
}

ul.contact-list li a:after {
    position: absolute;
    content: '';
    width: 28px;
    height: 100%;
    border-right: 1px solid #dbdbdb;
    top: 0;
    left: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.contact-list li a:hover:after {
    border-right: 1px solid #299944;
}

.footer-line {
    padding: 10px;
    padding-left: 30px;
    background: #127129;
    overflow: hidden;
}

.footer-line p {
    float: left;
    padding: 12px 0;
    color: #fff;
    font-weight: 400;
}

.footer-line p a{
    color: #fff;
    font-weight: 400;
text-decoration:none;
}

.footer-line a.go-top {
    display: inline-block;
    position: relative;
    float: right;
    width: 42px;
    height: 42px;
    background: #ffffff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.footer-line a.go-top:hover {
    opacity: 0.7;
}

.footer-line a.go-top:before {
    font-family: 'FontAwesome';
    content: "\f106";
    position: absolute;
    font-size: 28px;
    width: 100%;
    color:#299944;
    vertical-align: middle;
    text-align: center;
}

/*-------------------------------------------------*/
/* =  nouislider style (used in priccing range)
/*-------------------------------------------------*/

.noUi-target * {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
-webkit-touch-callout: none;
    -ms-touch-action: none;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        cursor: default;
}
.noUi-base {
    width: 100%;
    height: 6px;
    position: relative;
    max-width: 100%;
    max-height: 100%;
    z-index: 1;
    border: 1px solid #dbdbdb;
    margin-bottom: 15px;
}
.noUi-handle {
    background: #EEE;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin: -6px 0 0 -6px;
    border: 1px solid #bdbdbd;
    background: #ebebeb url('../images/price-range.png') center center no-repeat;
}
.noUi-connect {
    background: Teal;
    background: #394f61 url('../images/price-range.png') center center no-repeat;
}
.noUi-background {
    background: #f5f5f5;
}
.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    border-radius: inherit;
    background: #0076f9;
}
.noUi-origin-upper {
    background: inherit !important;
}
.noUi-z-index {
    z-index: 10;
}
.noUi-vertical {
    width: 40px;
    height: 100%;   }
.noUi-vertical .noUi-origin {
    bottom: 0;
    left: 0;
}
.noUi-vertical .noUi-handle  {
    margin: -23px 0 0 -3px;
}

.noUi-target[disabled] .noUi-base {
    background: #999;
}
.noUi-target[disabled] .noUi-connect {
    background: #BBB;
}
.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s, top 0.3s;
    transition: left 0.3s, top 0.3s;
}

/*-----------------------------------------------------------------------------

REVOLUTION RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet

version:   	1.0
date:      	26/06/12
author:		themepunch
email:     	support@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/


/***********************
	-	BASICS 	-
***********************/
html {
	overflow-x:hidden;
	padding: 0 !important;
	background:#fff;
	margin:0px !important;
}


  /*********************************************************************************************
		-	SET THE SCREEN SIZES FOR THE BANNER IF YOU WISH TO MAKE THE BANNER RESOPONSIVE 	-
  **********************************************************************************************/

  /*	-	THE BANNER CONTAINER (Padding, Shadow, Border etc. )	-	*/


	 .fullwidthbanner-container{
		width:100% !important;
		position:relative;
		padding:0;
		max-height:580px !important;
	}

.newstape a { color: #242424; text-decoration:none }

.newstape hr {
margin-top: 3px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #AAA;
}

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

.text-right { text-align: right; }

.text-justify { text-align: justify; }

.newstape {
background-color: RGBA(59, 176, 214, 0);
color: #242424;
height: 190px;
  overflow: hidden;
}




#cargo-track {
    padding-bottom: 20px;
    border-bottom: 1px solid #ededed;
    padding-left: 20px;
    padding-right: 20px;
}


#cargo-track a{
color: #797979;
display: inline-block;
margin-left: 0px;
margin-top: 4px;
text-decoration:none;
font-size: 13px;
 transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}


#cargo-track a i{
padding-right:7px;
}


#cargo-track a:hover{
color: #299944;
padding-left:5px;
}


#cargo-track h3 {
    color: #2A2A2A;
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    margin: 0;
margin-bottom: 30px;
text-align: left;
}

#cargo-track h3:after {
content: '';
position: absolute;
bottom: 88.6%;
left: 8%;
width: 60px;
background: #299944;
height: 2px;
}



#vessel-track {
width: 270px;
padding-left: 15px;
padding-right: 15px;
}

#vessel-track h3 {
    color: #2A2A2A;
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    margin-bottom: 25px;
text-align:center;
}

#vessel-track h3:after {
    content: '';
    position: absolute;
bottom: 68.8%;
left: 41%;
width: 60px;
background: #299944;
    height: 2px;
}



#customer {
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;
}

#customer h3 {
color: #2A2A2A;
font-size: 20px;
font-family: 'Lato', sans-serif;
font-weight: 400;
-webkit-font-smoothing: antialiased;
margin: 0;
margin-bottom: 30px;
text-align: left;
}

#customer h3:after {
content: '';
position: absolute;
bottom:43.4%;
left: 9%;
width: 60px;
background: #299944;
height: 2px;
}




.newstape h4{
color: #000000;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
text-align:left;
padding-bottom:8px;
}



.newstape h5{
text-align:left;
font-size:12px;
padding-bottom:8px;
}

.newstape p{
padding-bottom:10px;
}


.newstape-content {
  position: relative;
  padding: 15px;
}

.newstape-drag { cursor: ns-resize; }

.downloads li{
   line-height:30px;
}

.downloads li a{
color:#FFF	;
 transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.downloads li a:hover{
color:#FFF;
text-decoration:none;
padding-left:10px;
}


.downloads li a i{
color:#FFF;
padding-right:10px;
}


@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Opera and prob css3 final iteration */
.anima {
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
/* order: name, direction, duration, iteration-count, timing-function */  
-moz-animation:blink normal 2s infinite ease-in-out; /* Firefox */
-webkit-animation:blink normal 2s infinite ease-in-out; /* Webkit */
-ms-animation:blink normal 2s infinite ease-in-out; /* IE */
animation:blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

.anima img{
float: left;
width: 20px;
height: 20px;
}

.network p{
margin-bottom: 12px;
color: #151515;
font-weight: 600;
margin-left: 23px;
font-size: 14px;
}

.top-space{
margin-top: 14px;
display: inline-block;
}

.punchline{
left: 86px;
bottom: 11px;
}

.about-top-space{
margin-top: 30px;
display: inline-block;
}

.service-top-space{
margin-top: 20px;
display: inline-block;
}

.other-top-space{
margin-top: 40px;
}

.cd-title {
  position: relative;
  height: 160px;
  line-height: 230px;
  text-align: center;
}

.cd-title h1 {
  font-size: 2.4rem;
  font-weight: 700;
}

@media only screen and (max-width: 768px) {
  .cd-title {
    line-height: 250px;
  }
}

@media only screen and (max-width: 1170px) {
  .cd-title {
    height: 200px;
    line-height: 300px;
  }
  .cd-title h1 {
    font-size: 3rem;
  }
}

.cd-intro {
width: 78%;
max-width: 728px;
text-align: left;
}

.cd-intro h1{
font-size: 12px;
}

.cd-intro {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .cd-intro {
    margin: 0;
  }
}
@media only screen and (max-width: 1170px) {
  .cd-intro {
    margin: 0;
  }
}

.cd-headline {
font-size: 10.5px;
line-height: 4.2px;
font-weight: 600;
color: #837e7a;
font-family: 'Open Sans', sans-serif;
}
@media only screen and (max-width: 768px) {
  .cd-headline {
    font-size: 4.4rem;
    font-weight: 300;
  }
}
@media only screen and (max-width: 1170px) {
  .cd-headline {
    font-size: 34px;
  }
}

.cd-words-wrapper {
display: inline-block;
position: relative;
text-align: left;
width: 16%;
font-family: 'Open Sans', sans-serif;
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
font-weight: 600;
  white-space: nowrap;
color:#299944;
  left: 0;
  top: -1px;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}
.no-js .cd-words-wrapper b {
  opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}





.cd-words-wrapper-2 {
display: inline-block;
position: relative;
text-align: left;
font-family: 'Open Sans', sans-serif;
width: 23%;
}
.cd-words-wrapper-2 b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
font-weight: 400;
color:#299944;
  left: 0;
  top: -1px;
}
.cd-words-wrapper-2 b.is-visible {
  position: relative;
}
.no-js .cd-words-wrapper-2 b {
  opacity: 0;
}
.no-js .cd-words-wrapper-2 b.is-visible {
  opacity: 1;
}


/* -------------------------------- 

xrotate-1 

-------------------------------- */
.cd-headline.rotate-1 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}


.cd-headline.rotate-1 b {
  opacity: 0;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.cd-headline.rotate-1 b.is-visible {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-animation: cd-rotate-1-in 1.2s;
  -moz-animation: cd-rotate-1-in 1.2s;
  animation: cd-rotate-1-in 1.2s;
}
.cd-headline.rotate-1 b.is-hidden {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-animation: cd-rotate-1-out 1.2s;
  -moz-animation: cd-rotate-1-out 1.2s;
  animation: cd-rotate-1-out 1.2s;
}

@-webkit-keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    opacity: 1;
  }
}
@-moz-keyframes cd-rotate-1-in {
  0% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -moz-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(360deg);
    opacity: 1;
  }
}
@keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    -moz-transform: rotateX(120deg);
    -ms-transform: rotateX(120deg);
    -o-transform: rotateX(120deg);
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
  }
}
@-webkit-keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
}
@-moz-keyframes cd-rotate-1-out {
  0% {
    -moz-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -moz-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
}
@keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    -moz-transform: rotateX(-40deg);
    -ms-transform: rotateX(-40deg);
    -o-transform: rotateX(-40deg);
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }










.cd-headline.rotate-2 .cd-words-wrapper-2 {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}

.cd-headline.rotate-2 b {
  opacity: 0;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.cd-headline.rotate-2 b.is-visible {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-animation: cd-rotate-1-in 1.2s;
  -moz-animation: cd-rotate-1-in 1.2s;
  animation: cd-rotate-1-in 1.2s;
}
.cd-headline.rotate-2 b.is-hidden {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-animation: cd-rotate-1-out 1.2s;
  -moz-animation: cd-rotate-1-out 1.2s;
  animation: cd-rotate-1-out 1.2s;
}

@-webkit-keyframes cd-rotate-2-in {
  0% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    opacity: 1;
  }
}
@-moz-keyframes cd-rotate-2-in {
  0% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -moz-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(360deg);
    opacity: 1;
  }
}
@keyframes cd-rotate-2-in {
  0% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    -moz-transform: rotateX(120deg);
    -ms-transform: rotateX(120deg);
    -o-transform: rotateX(120deg);
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
  }
}
@-webkit-keyframes cd-rotate-2-out {
  0% {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
}
@-moz-keyframes cd-rotate-2-out {
  0% {
    -moz-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -moz-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
}
@keyframes cd-rotate-2-out {
  0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    -moz-transform: rotateX(-40deg);
    -ms-transform: rotateX(-40deg);
    -o-transform: rotateX(-40deg);
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }