@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,caption, tbody, tfoot, thead, tr, th, td ,select,option{
border: 0;
vertical-align: baseline;
float: none;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
:focus { outline:0; }
a{ text-decoration:none;}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: normal;
}
del {
text-decoration: line-through;
}
img { max-width:100%; height:auto;}
/*-------------selection----------*/
::-moz-selection { background:#0a99d4; color: #fff; text-shadow: none; }
::selection { background: #0a99d4; color: #fff; text-shadow: none; }
/*---------scroll bar--------*/
::-webkit-scrollbar {}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-thumb {}
::-webkit-scrollbar-thumb:hover {}
::-webkit-scrollbar-thumb:active {}
/*------------placeholder---------------*/
::-webkit-input-placeholder{ }
/*-----------css-----------*/
body{ direction:ltr;
font-family: 'Open Sans', sans-serif;
} 
.scrollup{
    width: 40px;
    height: 40px;
    opacity: 0.9;
    position: fixed;
    bottom: 50px;
    right: 12px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
	z-index: 10000;
    background: #363a46;
    border-radius: 4px;
	-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}
.scrollup:hover{ background: #e83b67;
	color: #fff;
-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}
.no-margin{ margin:0}
.no-padding{padding:0}
.no-padding-right{padding-right:0}
.no-padding-left{padding-left:0}
.padding-5px{padding-left:5px;
padding-right:5px;}
.margin-top-10px{ margin-top:10px;}
.margin-bottom-10px{ margin-bottom:10px;}
.margin-top-5px{margin-top:5px}
.margin-bottom-5px{ margin-bottom:5px}
.margin-bottom-30px{ margin-bottom:30px}
.margin-bottom-20px{ margin-bottom:20px;}
.margin-top-20px{ margin-top:20px}
.margin-top-30px{ margin-top:30px;}
.center-div{ float:none;
display:block;
margin:0 auto;
}
.home_page_a { display:none;}
 #owl-demo .item img{
        display: block;
        width: 100%;
        height: auto;
}
footer,.top-footer,.bottom-footer,.copy-right{ overflow: hidden;
height: auto;
width: 100%;
display: block;
}
.services-area{ overflow: hidden;
height: auto;
width: 100%;
display: block;
padding: 50px 0;
position: relative;	
}
.serv-img,.serv-img-1{ overflow: hidden;
height: auto;
width: 100%;
display: block;
}
.serv-img-1:before{     content: '';
    width: 100%;
    position: absolute;
    top: -40px;
    height: 100%;
    right: -20%;
    border: 20px solid #e4184c;
} 
.serv-img img,.serv-img-1 img{     max-width: 100%;
    display: block;
    position: relative;
    z-index: 1000;
}
.text-serv{ overflow: hidden;
width: 100%;
display: block;
height: auto;
margin-bottom: 30px;	
}
.text-serv article{ color: #626262;
font-size: 14px;
text-align: justify;
line-height: 2;
}
.services{ overflow: hidden;
height: auto;
width: 100%;
display: block;	
}
.service{ overflow: hidden;
height: auto;
width: 100%;
display: block;
}
.img-serv{ overflow: hidden;
height: auto;
width: auto;
}
.img-serv img{ border: 1px solid #e8e8e8;
display: inline-block;
-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}
.padding-serv{ padding-left: 40px;
}
.service h4{ color: #404245;
font-weight: 700;
margin-bottom: 20px;
margin-top: 10px;
-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}
.service ul{  list-style: none}
.service ul li{ display: block;}
.service:hover h4{ color: #e4184c;
	-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
		
}
.service:hover .img-serv img{ border: 1px solid #e4184c;
-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}
.service ul li span{ color: #626262;
font-size: 12px;
line-height: 2.7;	
	-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.service ul li span:hover{ color: #e4184c;
-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.service ul li i{ color: #e4184c;
margin-right: 10px;}
.top-footer{ background: #292c33;
padding: 50px 0;}
.bottom-footer{background: #25272d;
padding: 20px 0}
.copy-right span{  color: #bcc0c8;
font-size: 12px;}
.copy-right a{ color: #e4184c;
text-decoration: none;
font-size: 12px;
}
.footer-links{ overflow: hidden;
height: auto;
width: 100%;
display: block;
}
.footer-links ul{ list-style: none;
}
.footer-links ul li{ display: inline-block}
.footer-links ul li a{ display: block;
color: #bcc0c8;
font-size: 12px;
	text-decoration: none;
	padding: 0 8px;
	 -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.footer-links ul li a:hover{ color: #e4184c;
 -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.about-footer{ overflow: hidden;
height: auto;
width: 100%;
display: block;
}
.title-footer{ color: #bcc0c8;
font-weight: 600;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.about-footer article{ color: #818894;
font-size: 12px;}
.twitter,.twitter-area{ overflow: hidden;
height: auto;width: 100%;
display: block;
}
.twit{ display: table-cell;
vertical-align: top;
padding:  0 0 0 10px;
	font-size: 12px;
	color: #818894;
}
.twit a{ color: #d7dce6;}
.twitt-ico i{     color: #535863;
    width: 50px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    
    border: 1px solid #535863;
}
.twitt-ico{display: table-cell;}
.contact-us{ overflow: hidden;
height: auto;
width: 100%;
display: block;
}
.contact-us article{font-size: 12px;
	color: #818894;
}
.contact-us  a:hover{
	 -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.contact-us article a:hover{ color: #e83c68;
 -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.twitter .owl-theme .owl-controls .owl-page span{width: 6px;
    height: 6px;
    margin: 5px 3px;
}
.twitter .owl-pagination{ text-align: right}
.clients{ overflow: hidden;
height: auto;
width: 100%;
display: block;
margin-bottom:45px;
}
.client-div{ overflow: hidden;
height: auto;
width: 100%;
display: block;
border: 2px solid #f1f1f1;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}
.client-div img{
		width:200px ;
		margin:auto;
	 max-width: 100%;
display: block;}
.clients .owl-next,.work-area .owl-next{    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    border-radius: 0 !important;
    height: 100%;
    text-indent: 100px;
	opacity: 1 !important;
    overflow: hidden;
	padding: 3px 12px !important; 
	margin: 0 !important;
	background:#cccccc url(img/right.png) center center no-repeat !important;
}
.clients .owl-prev,.work-area .owl-prev{    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    border-radius: 0 !important;
    height: 100%;
    text-indent: 100px;
    overflow: hidden;
	opacity: 1 !important;
	margin: 0 !important;
	padding: 3px 12px !important; 
	background:#cccccc url(img/left.png) center center no-repeat !important;
	    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.clients .owl-prev:hover,.clients .owl-next:hover,.work-area .owl-next:hover,.work-area .owl-prev:hover{ opacity: .7 !important;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.clients  .owl-controls{ margin: 0}
.digital-marketing{ overflow: hidden;
height: auto;
width: 100%;
display: block;
padding: 50px 0;
}
.title{ overflow: hidden;
height: auto;
width: 100%;
display: block;
padding:0 50px;
text-align: center;
margin-bottom: 35px;	
}
.title p{ color: #474747;}
.title h1 ,.title h2 { color: #292c33;
font-weight: 200;
		padding-bottom:12px;
	text-transform: uppercase;
}
.title h1 span ,.title h2 span{ color: #292c33;
font-weight: 900;
}

.support .title h1, .support .title p ,.support .title h2  ,.support .title p { color: #fff;  }
.support .title h1 span ,.support .title h2 span{ color: #fff; }

.title-area{ display: inline-block;
text-align: left;
padding-top: 65px;
border-left: 1px solid #e4184c;
padding-left: 20px;}
.area-digital{ overflow: hidden;
height: auto;
width: 100%;
display: block;
}
.small-img{ overflow: hidden;
height: auto;
width: 100%;
display: block;
margin-bottom: 24px;
}
.big-img{ overflow: hidden;
height: auto;
width: 100%;
display: block;
 text-align: center;
}
.big-img img,.small-img img{ max-width: 100%;
display: inline-block;
	-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.big-img:hover img,.small-img:hover img{	transform:rotate(2deg) scale(1.1);
-ms-transform:rotate(2deg) scale(1.1);
-webkit-transform:rotate(2deg) scale(1.1);
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;}
.margin-bottom-0px{ margin-bottom: 0}
.text-digital{ overflow: hidden;
height: auto;
width: 100%;
display: block;
padding: 0 0 0 50px;
}
.text-digital article{ color: #626262;
font-size: 14px;
line-height: 2;
text-align: justify;	
}
.more{ color: #fff;
font-size: 13px;
margin-top: 50px;
background: #e4184c;
display: inline-block;
text-decoration: none;
font-weight: bold;
	overflow: hidden;
	position: relative;
padding: 10px 25px 11px;
-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.more:hover{ background: #e4184c;
-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.more span{ z-index: 100;
position: relative;
}
.more:before{ content: '';
	z-index: 1;
	border-radius: 50%;
	position: absolute;
	width: 0;
	height: 0;
	bottom: -100px;
	left: -100px;
	background: #292c33;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.more:hover:before{ width: 200px;
height: 200px;
	position: absolute;
	bottom: -100px;
	left:-100px;
-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.work-area{ background: #efefef;
padding: 120px 0;
	padding-bottom: 50px;
overflow: hidden;
width: 100%;
display: block;
	position: relative;
}
.work-area:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 1920px solid white;
}
.work-container{ overflow: hidden;
height: auto;
width: 100%;
position: relative;
display: block;
}
.work-img{
    overflow: hidden;
height: 350px;
width: 100%;
display: block;
}
.work-img img{
    max-width: 100%;
        height: 100%;
    object-fit: fill; /* يحافظ على نسبة الصورة مع قطع الزائد */
    object-position: center; /* يضع الصورة في المنتصف */
    display: block;
    margin: 0 auto;
	-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.work-container:hover img{	transform:rotate(2deg) scale(1.1);
-ms-transform:rotate(2deg) scale(1.1);
-webkit-transform:rotate(2deg) scale(1.1);
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;}
header{ /*overflow: hidden;*/
height: auto;
width: 100%;
display: block;
}
.logo{ overflow: hidden;
height: auto;
width: 100%;
display: block;
}
.logo img{ max-width: 100%;
display: block;
margin-top: 8px;
}
.top-header{ overflow: hidden;
height: auto;
width: 100%;
display: block;
background: #292c33;
padding: 10px 0;
}
.bottom-header{ /*overflow: hidden;*/
height: auto;
width: 100%;
display: block;
padding-top: 10px;	
background: #fff;	
	 -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.fixed {
      position: fixed;
    width: 100%;
    top: 0;
    z-index: 100000;
    box-shadow: 0 0 6px 1px #ccc;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.top-link{ overflow: hidden;
height: auto;
width: 100%;
display: block;
}
.top-link ul{ list-style: none;
	    float: right;
}
.top-link ul li{  display: inline-block;}
.top-link ul li a{ display: block;
color: #bcc0c8;
text-decoration: none;
text-transform: uppercase;
	font-size: 12px;
padding: 0 10px;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.top-link ul li a:hover{ color: #e4184c;
-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.address,.phone{ color: #bcc0c8;
float: left;
	height: auto;
overflow: hidden;
	margin-left: 20px;
	font-size: 12px;
}
.address i,.phone i{ color: #e4184c;
margin-right: 5px;}
.navbar-default{ margin-bottom: 0;border-radius: 0;
border: 0;
background: none;
min-height: inherit;	
margin-top: 0;	
}
.navbar-nav{ float: right;}
.navbar-nav>li>a{ color: #292c33 !important;
text-transform: uppercase;
font-weight: bold;
padding: 10px 6px;
	padding-bottom: 15px;
	margin: 0 2px;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.navbar-nav>li>a:hover{ color: #e4184c !important;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.navbar-nav > li.active > a {
		background:none!important;
		color: #e4184c !important;
		position:relative;
	 } 
.navbar-nav>li.active{ color: #e4184c !important; background:none !important; 
border-bottom: 0px solid #e4184c}

.navbar-nav> li.active > a:after {
	 position:absolute;
	 content:'';
	 
	 bottom:0;
	 right:0;
	 left:0;
	 
	 
	  
	 margin:0 auto;


	-webkit-transition: all 0.6s ease-in-out;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.6s ease-in-out;/* Firefox 4-15 */
	-o-transition: all 0.6s ease-in-out;/* Opera 10.5-12.00 */
	transition: all 0.6s ease-in-out;/* Firefox 16+, Opera 12.50+ */	
	

color: #e4184c !important;
border-bottom: 2px solid #e4184c	 
	 
	 }
	 
.slider{ overflow: hidden;
height: auto;
width: 100%;
display: block;
position: relative;
}
.slide-container{ overflow: hidden;
height: auto;
width: 100%;
position: relative;
display: block;
}
.slide-img{ overflow: hidden;
height: auto;
width: 100%;
display: block;
}
.slide-img img{width: 100%;
display: block;
}
.slide-data{ overflow: hidden;
width: 100%;
display: block;
position: absolute;
bottom: 0;
left: 0;
padding: 200px;	
}
.slider:after{    content: '';
    position: absolute;
    bottom: 0;
    border-top: 100px solid transparent;
    border-right: 1920px solid white;
	z-index: 10000;
}
.slide-data p{    color: #fff;
    text-transform: uppercase;
}
.slide-data h1{    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 10px;
}
.slide-data h2{    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 10px;
}
.slide-container-d .slide-data h1 ,
.slide-container-d .slide-data h2 ,
.slide-container-d .slide-data p ,
.slide-container-d .slide-data article  

{color: #333 !important;}  
.slide-data  article{ color: #fff;
font-size: 14px;
	width: 50%;
line-height: 1.7;
	margin-bottom: 80px;
}
.slide-data .more-slide{ color: #fff;
background: #e4184c;
position: relative;	
padding: 10px 25px 12px;
text-transform: uppercase;
text-decoration: none;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.slide-data .more-slide:hover{ background: #292c33;
-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.slide-data .more-slide:before{     content: '';
    width: 10px;
    height: 10px;
    background: #e4184c;
    position: absolute;
    top: -59px;
    left: 47%;
}
.slide-data .more-slide:after{ content: '';
width:1px;
height: 40px;
background:#e4184c;
position: absolute;	
top: -50px;
left: 50%;
}
.tilter {
    display: block;
    position: relative;
    width: 300px;
    height: 430px;
    margin: 4.5em 2.5em;
    color: #fff;
    flex: none;
    perspective: 1000px;
}

.tilter * {
	pointer-events: none;
}

.tilter:hover,
.tilter:focus {
	color: #fff;
	outline: none;
}

/*
.tilter__figure,
.tilter__deco,
.tilter__caption {
	will-change: transform;
}*/

.tilter__figure,
.tilter__image {
    margin: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1000;
    position: relative;
}

.tilter__figure > * {
	transform: translateZ(0px); /* Force correct stacking order */
}

.smooth .tilter__figure,
.smooth .tilter__deco--overlay,
.smooth .tilter__deco--lines,
.smooth .tilter__deco--shine div,
.smooth .tilter__caption {
	transition: transform 0.2s ease-out;
}

.tilter__figure {
	position: relative;
}

.tilter__figure::before {
	content: '';
	position: absolute;
	width: 90%;
	height: 90%;
	top: 5%;
	left: 5%;
	box-shadow: 0 30px 20px rgba(35,32,39,0.5);
}

.tilter__deco {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.tilter__deco--overlay {
	background-image: linear-gradient(45deg, rgba(226, 60, 99, 0.4), rgba(145, 58, 252, 0.4), rgba(16, 11, 192, 0.4));
}

.tilter__deco--shine div {
	position: absolute;
	width: 200%;
	height: 200%;
	top: -50%;
	left: -50%;
	background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%);
}

.tilter__deco--lines {
	fill: none;
	stroke: #fff;
	stroke-width: 1.5px;
}

.tilter__caption {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 4em;
}

.tilter__title {
	margin: 0;
	font-weight: normal;
	font-size: 2.5em;
	font-family: 'Abril Fatface', serif;
	line-height: 1;
}

.tilter__description {
	margin: 1em 0 0 0;
	font-size: 0.85em;
	letter-spacing: 0.15em;
}

/* Individual styles */

/* Example 1 (Default) */
.tilter--1 .tilter__figure::before {
	box-shadow: 0 30px 20px rgba(0,0,0,0.5);
}

/* Example 2 (thicker lines, overlay) */
.tilter--2,
.tilter--2:hover,
.tilter--2:focus {
	color: #2e27ad;
}

.tilter--2 .tilter__deco--overlay {
	background-image: linear-gradient(45deg, rgba(245, 239, 40, 0.6), rgba(164, 22, 169, 0.6));
}

.tilter--2 .tilter__deco--lines {
	stroke: #2e27ad;
	stroke-width: 4px;
}

/* Example 3 (no lines, overlay hard-light) */
.tilter--3 .tilter__deco--overlay {
	background-image: linear-gradient(45deg, rgba(205, 81, 220, 0.6), rgba(41, 94, 230,0.5));
}

.tilter--3 .tilter__caption {
	padding: 2em;
	text-align: right;
	text-shadow: 0.1em 0.8em 1em rgba(0,0,0,0.35);
}

/* Example 4 (caption sliding in) */
.tilter--4 .tilter__deco--overlay {
	background-image: linear-gradient(20deg, rgb(214, 100, 40), rgba(46, 39, 173, 0.58), rgba(53, 74, 165, 0.6));
}

@media screen and (min-width: 30em) {
	.tilter--4 .tilter__deco--lines {
		transform: scale3d(0.8,0.8,1);
		transition: transform 0.4s;
	}
	.tilter--4:hover .tilter__deco--lines {
		transform: scale3d(1,1,1);
	}
	.tilter--4 .tilter__title,
	.tilter--4 .tilter__description {
		transform: translate3d(0,80px,0);
		opacity: 0;
		transition: transform 0.4s, opacity 0.4s;
	}
	.tilter--4:hover .tilter__description {
		transition-delay: 0.1s;
	}
	.tilter--4:hover .tilter__title,
	.tilter--4:hover .tilter__description {
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

/* Example 5 (line animating) */
.tilter--5 .tilter__deco--lines path {
	stroke-dasharray: 1270;
	stroke-dashoffset: 1270;
	transition: stroke-dashoffset 0.7s;
}

.tilter--5:hover .tilter__deco--lines path {
	stroke-dashoffset: 0;
}

.tilter--5 .tilter__figure::before {
	box-shadow: none;
}

/* Example 6 (different line position) */
.tilter--6,
.tilter--6:hover,
.tilter--6:focus {
	color: #2e27ad;
}

.tilter--6 .tilter__deco--overlay {
	background-image: linear-gradient(45deg, rgba(46, 39, 173, 0.2), rgba(255, 186, 59, 0.58));
}

.tilter--6 .tilter__deco--lines {
	    stroke: #e4184c;
    stroke-width: 19px;
	bottom: -30px;
	left: -50px;
}

.tilter--6 .tilter__caption {
	padding: 0 4em 5.5em 1em;
}

.tilter--6 .tilter__figure::before {
	box-shadow: none;
}

/* Example 7 (different line) */
.tilter--7 .tilter__deco--overlay {
	background-image: linear-gradient(45deg, rgba(93, 203, 106, 0.48), rgba(59, 239, 255, 0.58));
}

.tilter--7 .tilter__deco--lines {
	stroke-width: 20px;
	transform: scale3d(0.9,0.9,1);
	opacity: 0;
	transition: transform 0.3s, opacity 0.3s;
}

.tilter--7:hover .tilter__deco--lines {
	opacity: 1;
	transform: scale3d(1,1,1);
}

.tilter--7 .tilter__figure::before {
	box-shadow: none;
}

/* Example 8 (different line) */
.tilter--8 {
	perspective: none;
}

.tilter--8 .tilter__figure {
	transform-style: flat;
}

.tilter--8 .tilter__deco--lines {
	stroke: #9255ae;
	stroke-width: 6px;
	mix-blend-mode: color-burn;
}

.tilter--8 .tilter__caption {
	color: #9255ae;
	mix-blend-mode: color-burn;
}

.tilter--8 .tilter__figure::before {
	box-shadow: none;
}
.hover-work{       position: absolute;
    top: 0;
    width: 100%;
    display: block;
    height: 100%;
    padding: 42% 30px;
    text-align: center;
    background: rgba(228,24,76,.86);
    opacity: 0;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.hover-work:after{ content: '';
    width: 50px;
    height: 3px;
    background: #fff;
    display: block;
    clear: both;
    margin: 10px auto;
}
.hover-work:hover{ opacity: 1;
-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.hover-work p{ color: #fff;}
.hover-work h3{ color: #fff;
text-transform: uppercase;
	font-weight: 600;
}
.inner-title{ overflow: hidden;
height: auto;
width: 100%;
display: block;
	padding: 100px 0;
	padding-bottom: 150px;
position: relative;	
	text-align: center;
background: url(img/inner-title.png) center center fixed  no-repeat;
	background-size: cover;
}
.inner-title:after{    content: '';
    position: absolute;
    bottom: 0;
    border-top: 140px solid transparent;
    border-right: 1920px solid white;
    z-index: 10000;
	    display: block;
}
.inner-title h1{    color: #fff;
    font-weight: 700;
    line-height: 1.7;
	position: relative;
    text-transform: uppercase;
}
.inner-title h1 span{ z-index: 100;
position: relative;}
.inner-title h1:before{content: '';
    width: 110px;
    height: 60px;
    display: block;
    position: absolute;
    top: 0px;
    left: 45%;
    border: 2px solid #e4184c;
}
.predcramp{ overflow: hidden;
height: auto;
width: 100%;
display: block;
margin-top: 15px;	
}
.predcramp ul{ list-style: none}
.predcramp ul li { display: inline-block}
.predcramp ul li a{ color: #fff;
font-size: 14px;
padding: 5px 10px;	
text-decoration: none;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.predcramp ul li a:hover{ color: #e4184c;
-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.predcramp ul li span{ color: #e4184c}
main{ overflow: hidden;
height: auto;
width: 100%;
display: block;
padding: 50px 0;
}
.tab-branch{ overflow: hidden;
height: auto;
width: 100%;
display: block;
}
.tab-branch .nav-tabs{ text-align: center;}
.nav-tabs>li{ float: none;
display: inline-block;
	margin-bottom: 0; 
	    margin-right: -6px;
}
.nav-tabs>li>a{ border: 0 !important;
	border-bottom: 1px solid #d6d6d6 !important;
font-weight: bold;
color: #000;
text-transform: uppercase;
}
.nav-tabs>li>a:hover{ background: none !important}
.nav-tabs{ border-bottom: 0}
.nav-tabs>li.active>a{ color: #e4184c !important;
border-bottom: 2px solid #e4184c !important}
.map-area{ overflow: hidden;
height: auto;
width: 100%;
display: block;
position: relative;
}
.contact{  position: absolute;
    width: 330px;
    height: auto;
    top: 100px;
    left: 150px;
    background: #fff;
    padding: 0;
    box-shadow: 0px 0px 5px 1px #cecece;
    border: 1px solid #ccc;
}
.tab-branch>ul{ margin-bottom: 30px;}
.contact-img{ overflow: hidden;
height: auto;
width: 100%;
display: block;
}
.contact-img img{ max-width:100%;
display: block;
}
.contact-data{ overflow: hidden;
height: auto;
width: 100%;
display: block;
padding: 25px 0;
}
.contact-data h4{     color: #000;
    font-weight: bold;
    padding: 0 20px;
    margin-bottom: 10px;
    line-height: 1.4;
    border-left: 3px solid #e4184c;
}
.contact-data p{ color: #000;
padding: 0 20px;
display: block;
font-size: 14px;
line-height: 1.7;
}
.contact-data a{ color: #000;
	padding: 0 20px;
	display: block;
text-decoration: none;
	line-height: 1.7;
}
.contact-data a:hover{ color: #e4184c}
.info-contact{ overflow: hidden;
height: auto;
width: 100%;
display: block;
}
.gray-data{ overflow: hidden;
height: auto;
width: 100%;
background: #626262;
padding: 60px 0;
}
.map-area iframe{ display: block}
.info-contact h3{ color: #000;
text-transform: uppercase;
margin-bottom: 25px;
font-weight: bold;
}
.info-contact p{ color: #000;
font-size: 16px;
	margin-bottom: 25px;
	font-weight: bold;
}
.info-contact ul{ list-style: none}
.info-contact  ul li{ display: block;
line-height: 2;
margin-bottom: 10px;
}
.info-contact  ul li i{ color: #e4184c;
margin-right: 10px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	
}
.info-contact  ul li a{padding-left: 5px;}
.info-contact  ul li span,.info-contact  ul li a{ color: #000;}
.info-contact  ul li a:hover{ color: #e4184c;}
.send-message{ overflow: hidden;
height: auto;
width: 100%;
display: block;
}
.send-message input,.send-message textarea{ padding: 10px;
border: 1px solid #dbdbdb;
	width: 100%;
	display: block;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.send-message select{ padding: 10px;
border: 1px solid #dbdbdb;
	width: 100%;
	display: block;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.send-message textarea{ resize: vertical;
min-height: 150px;
}
.send-message input:focus,.send-message textarea:focus{ border: 1px solid #e4184c;
-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.send-message.twitter  input { background:#bcc0c8;
 padding: 6px;
 
 
 }
.send-message.twitter  input.button{ width:auto; background:#e4184c ; padding:6px 37px; }
.send-message.twitter .wpcf7-response-output { background:#fff;}
.input-row{ overflow: hidden;
height: auto;
width: 100%;
display: block;
margin-bottom: 15px;
}
.button{ color: #fff;
text-transform: uppercase;
font-size: 14px;
padding: 10px;
background: #e4184c;
	position: relative;
	overflow: hidden;
	border: none;
	width: 100%;
	text-align: center;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.button span{ z-index: 100;
position: inherit;}
.button:before{content: '';
position: absolute;
bottom: -200px;
left: -200px;
border-radius: 50%;
	background: #292c33;
width: 0;
	height: 0;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.button:hover:before{ width: 100%;
height: 400px;
	z-index: 10;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
/*.button:hover{ background: #292c33;
-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}*/
.support{ overflow: hidden;
height: auto;
width: 100%;
display: block;
padding: 150px 0;
background: url(img/support.png) center center no-repeat;
	background-size: cover;
}
.text-support{ color: #fff;
font-size: 15px;
text-align: center;
line-height: 1.7;
	padding: 0 50px ;
}
.support .title p ,.support .title h1 span,,.support .title h2 span,.support .title h1,.support .title h2{ color: #fff;}
.search{ overflow: hidden;
height: auto;
width: 100%;
display: block;
	position: relative;
margin-bottom: 30px;
}
 	 /*************/
.dropdown-search a.dropdown-toggle {
     font-size: 18px;
    line-height: 27px;
    padding: 6px 7px;
 display: inline-block;
}	 
.dropdown-search .dropdown-menu {
    max-width: 290px;
	border-radius:0;
	background:#353f50 ;
	border:none;
	right:0;
	left:inherit;
}	 
.dropdown-search .dropdown-menu .form-group {
	margin-bottom:0px
	
}

.search input{ width: 100%;
display: block;
padding: 10px;
border: 1px solid #dbdbdb;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.search input:focus{ border: 1px solid #e4184c;
-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.search input[type="submit"]{     position: absolute;
    top: 0;
    width: 50px;
    height: 42px;
    right: 0;
    background: #e4184c url(img/search.png) center center no-repeat;
    border: none;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.search input[type="submit"]:hover{ background: #292c33 url(img/search.png) center center no-repeat;
-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.container .category{ overflow: hidden;
height: auto;
width: 100%;
display: block;
}
.container .category h3,.last-posts h3{ color: #262626;
padding: 5px 10px;
background: #e8e8e8;
line-height: 2;
	text-transform: uppercase;
	font-weight: bold;
border-left: 3px solid #e4184c;
}
.container .category ul{ list-style: none;
}
.container .category ul li{ display: block;
padding: 15px ;
border-bottom: 1px solid #e8e8e8;
}
.container .category-ul{ overflow: hidden;
height: auto;
width: 100%;
display: block;
border: 1px solid #e8e8e8;
}
.container .category ul li a{ color: #505050;
	text-decoration: none;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.container .category ul li:last-child{ border-bottom: none;}
.container .category ul li a:hover{ color: #e4184c;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.container .category ul li i{ margin-right: 10px;}
.container .category ul li span{ float: right;
color: #a6a6a6}
.last-posts{ overflow: hidden;
height: auto;
width: 100%;
display: block;
	margin-top: 30px;
}
.area-posts-last{ overflow: hidden;
height: auto;
	width: 100%;
	display: block;
	border: 1px solid #e8e8e8
}
.post-row{ overflow: hidden;
height: auto;
width: 100%;
display: block;
padding: 15px;
border-bottom: 1px solid #e8e8e8;
}
.area-posts-last .post-row:last-child{ border-bottom: none}
.post-row img{ width: 60px;
	display: table-cell;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.post-row:hover img{	transform:rotate(2deg) scale(1.1);
-ms-transform:rotate(2deg) scale(1.1);
-webkit-transform:rotate(2deg) scale(1.1);
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;}
.post-data{ display: table-cell;
    padding: 0 0 0 10px;
}
.post-data h5{ color: #505050;
margin-bottom: 10px;
}
.post-data h5 a{ color: #505050;
text-decoration: none;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.post-row:hover a{ color:#e4184c;

-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.post-row:hover img{ opacity: .7;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;}
.post-img{ vertical-align: top;
display: table-cell;
overflow: hidden;
}
.date-related{ color: #b2b2b2;
font-size: 12px;
}

.comment i{ color: #e4184c;
margin-right: 5px
}
.comment{ text-align: right;
color: #909090}
.post{ overflow: hidden;
height: auto;
width: 100%;
display: block;
	margin-bottom: 30px;
}
.post-image{ overflow: hidden;
height: auto;
width: 100%;
display: block;
	    z-index: 1;
    position: relative;
}
.post-image img{ max-width: 100%;
display: block;
	-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.post:hover .post-image img{
	transform:rotate(2deg) scale(1.1);
-ms-transform:rotate(2deg) scale(1.1);
-webkit-transform:rotate(2deg) scale(1.1);

-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;

}
.date-post{ overflow: visible;
height: auto;
width: 100%;
display: block;
border: 1px solid #e8e8e8;
border-top: 0;
}
.title-post{     overflow: visible;
    height: auto;
    width: 100%;
    display: block;
    padding: 30px 20px 20px;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}
.title-post h3 a{ color: #323131;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;	
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;	
}
.title-post h3 { margin-bottom: 10px;
}
.title-post p{ color: #909090}
.post:hover .title-post h3 a { color: #e4184c;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.post:hover .date-post{ border: 1px solid #e4184c ;
	border-top: 0;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.text{ overflow: hidden;
height: auto;
width: 100%;
display: block;
padding: 20px;
}
.text article{ color: #505050;
line-height: 1.7;
}
.more{color: #fff;
padding: 10px 20px;
margin: 15px 0 0 0;
background: #e4184c;
float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	text-decoration: none;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.more:hover{ 
	color: #fff;
	text-decoration: none;
	
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.date{     position: absolute;
    top: -34px;
    right: 15px;
    z-index: 1000;
    min-width: 39px;
    text-align: center;
    border: 2px solid #e4184c;
}
.date-num{     padding: 5px;
    color: #fff;
    display: block;
    overflow: hidden;	
}
.date-num span{ font-size: 16px;
font-weight: bold;
}
.date-month{ color: #fff;
background: #e4184c;
	padding: 4px;
	text-align: center;
}
.img{ overflow: hidden;
height: auto;
width: 100%;
display: block;
}
.img img{ max-width: 100%;
display: block;}
.application-text{ overflow: hidden;
height: auto;
width: 100%;
	margin: 30px 0;
display: block;
}
.application-text .text{ padding: 30px }
.video-section{ overflow: hidden;
height: auto;
width: 100%;
display: block;
padding: 100px 0;
	background: #efefef;
	position: relative;
	
}
.video-section:before{    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 1920px solid white;}
.price{ overflow: hidden;
height: auto;
width: 100%;
display: block;
background: url(img/bg-application.png) center center no-repeat;
background-size: cover;
padding: 150px 0;
	position: relative;
}
.price:before{    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 1920px solid #efefef;}
.price .title p,.price .title h1 span,.price .title h2 span{  color: #fff;}
.price .title-area{ border-left: 1px solid #fff;}
.price-div{      overflow: visible;
    height: auto;
    width: 90%;
    position: relative;
    display: block;
    z-index: 1000;
}
.price-div:before{       content: '';
    width: 90%;
    position: absolute;
    border: 15px solid rgba(255,25,103,.8);
    left: -40px;
    top: -40px;
    min-height: 100%;
    z-index: -1;
    height: 90%;
}
.price-data{ overflow: hidden;
height: auto;
width: 100%;
min-height: 200px;
display: block;
border: 1px solid #c0c3c9;
padding: 25px 3px;
background: #fff;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.price-bg{ padding: 20px;
overflow: hidden;
height: auto;
width: 100%;
	text-align: center;
display: block;
	    background: #fff;
}
.price-data>p{ color: #787878;
font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 5px;
	line-height: 2;
	margin: 10px 0;
}
.title-price{ overflow: hidden;
height: auto;
width: 100%;display: block;
padding: 10px;
text-align: center;
background: #e7e7e7;
font-weight: bold;}
.title-price h2{ font-weight: bold;}
.price-ul{ overflow: hidden;
height: auto;
width: 100%;
display: block;
}
.price-ul ul{ list-style: none}
.price-ul ul li{ display: block;
line-height: 2;
margin: 5px 0;}
.price-ul ul li span{ color: #292c33;
font-size: 14px;
}
.started{ overflow: hidden;
height: auto;
width: 100%;
display: block;
margin-top: 15px;
text-align: center;
}
.started a{ display: inline-block;
padding: 10px 25px;
color: #fff !important;
text-decoration: none !important;
	background: #e4184c;
overflow: hidden;
	position: relative;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.started a span{ z-index: 100;
position: inherit;
}
.started a:before{content: '';
position: absolute;
z-index: 1;
width: 0;
height: 0;
left: -100px;
	border-radius: 50%;
bottom: -100px;
	background: #292c33;
	-webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}
.started a:hover:before{ width: 200px;
height: 200px;
-webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}
/*
.price-div:hover .started a{ background: #292c33;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}*/
.margin-top-50px{ margin-top: 50px;}
.price-div:hover .price-data{ border: 1px solid #e4184c;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.price-div:hover .title-p{ color: #e4184c;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.title-p{ color: #787878;
font-size: 15px !important;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.text-serv h4{ color: #292c33;
font-weight: bold;
text-transform: uppercase;
	margin-bottom: 10px;
}
.latest-projects{ overflow: hidden;
height: auto;
width: 100%;
display: block;
padding: 80px 0;
	padding-top: 130px;
position: relative;
background: #efefef;
}
.latest-projects:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 1920px solid white;
}
.row-tab{ overflow: hidden;
height: auto;
width: 100%;
display: block;
margin-top: 50px;
}
.content-tab-area{ overflow: hidden;
height: auto;
width: 100%;
display: block;
padding: 20px;
background: #fff;
}
.image-tab{ display: table-cell;
width: 100px;
padding: 15px;
}
.row-tab>ul{ margin-bottom: 30px;
border-bottom: 0;
text-align: center;}
.row-tab>ul>li{ float: none;
display: inline-block;
margin: 0 3px;}
.row-tab .nav-tabs>li>a{ border-radius: 50px;
background: #ffffff;
border: 1px solid #e0e0e0 !important;
padding: 10px 20px;
}
.row-tab .nav-tabs>li.active>a{ border: 1px solid #e4184c !important;
background: #e4184c;
color: #fff !important;
}
.row-tab .nav-tabs>li.active>a:hover{ color: #000 !important}
.data-tab{ display: table-cell;
vertical-align: top;
	padding:20px;
}
.data-tab h4{ color: #292c33;
margin-bottom: 20px;
	font-weight: 900;
	text-transform: uppercase;
}
.data-tab article{ color: #626262;
font-size: 14px;
line-height: 1.7;
}
.features-area{ overflow: hidden;
height: auto;
width: 100%;
display: block;
padding: 130px 0;
position: relative;	
background:#e4184c url(img/services.png) center center fixed no-repeat;
background-size: cover;
}
.features-area:before{ content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 1920px solid #efefef;
}
.features-area:after{    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 0px solid transparent;
    border-top: 100px solid transparent;
    border-left: 1920px solid #ffffff;
}
.features-area .title p,.features-area .title h1 span,.features-area .title h2 span{ color: #fff;}
.features-area .title-area{ border-left: 1px solid #fff;}
.feature{ overflow: hidden;
height: auto;
width: 100%;
display: block;
text-align: center;
}
.icon-feature{ overflow:hidden;
height: 135px;
	margin: 0 auto;
	margin-bottom: 15px;
width: 135px;
	line-height: 135px;
	text-align: center;
	border-radius: 50%;
	font-size: 30px;
border: 1px solid #fff;
	color: #fff;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.feature:hover .icon-feature{  background: #fff;
color: #b9133e;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.feature h4{ color: #fff;
font-weight: bold;
	margin-top: 25px;
text-transform: uppercase;
	margin-bottom: 20px;
}
.feature p{ color: #fff;
font-size: 14px;}
.serv-block{ overflow: hidden;
height: auto;
width: 100%;
display: block;
	text-align: center;
padding: 120px 0;
background:#292c33 url(img/serv.png) center center fixed no-repeat;
	background-size: cover;
}
.serv-block p{    color: #fff;
    font-size: 17px;
    padding: 0 120px;
}

 .consulting{ overflow: hidden;
height: auto;
width: 100%;
display: block;
padding: 130px 0;
	 padding-bottom: 80px;
position: relative;
background: #efefef;	
}
.consulting:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 100px solid transparent;
    border-right: 1920px solid white;
}
.consult-img{ overflow: hidden;
height: auto;
width: 100%;
display: block;
}
.consult-img img{ max-width: 100%;
display: block;
	margin: 0 auto;
	-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.consult-img:hover img{transform:rotate(2deg) scale(1.1);
-ms-transform:rotate(2deg) scale(1.1);
-webkit-transform:rotate(2deg) scale(1.1);
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.consult{ overflow: hidden;
height: auto;
width: 100%;
display: block;
	padding: 70px 20px
}
.consult h4{ color: #404245;
font-weight: bold;
margin-bottom: 15px;
}
article{ line-height: 1.7;
color: #626262;
font-size: 14px;
}
.consult .more{ margin-left: 0}
.row-block{ overflow: hidden;
height: auto;
width: 100%;
display: block;
background: #fff;
position: relative;
padding: 100px 0;
}
.block{ padding: 35px 40px;
	width: 96%;
border: 1px solid #dadada;
position: relative;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.block-icon{ width: 50px;
background: #fff url(img/planning.png) center center no-repeat;
	height: 50px;
	text-align: center;
	border: 1px solid #dadada;
	position: absolute;
	top:30px;
	left: -26px;
}
.block h4{ color: #292c33;
font-weight: 800;
margin-bottom: 15px;
text-transform: uppercase;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.block article{ color: #626262;
font-size: 14px;
line-height: 1.7;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.block:hover{ background: #e4184c;
	border: 1px solid #e4184c;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.block:hover h4,.block:hover article{ color: #fff;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.text ul{ list-style: none;
	margin-top: 30px;
}
.text ul li{ display: block;
margin-bottom: 10px;
}
.text ul li span{ color: #626262;
display: table-cell;
vertical-align: top;}
.text ul li i{ color: #e4184c;
display: table-cell;
padding-right: 10px;
}
.gray-area{ overflow: hidden;
height: auto;
width: 100%;
display: block;
padding: 130px 0 0px;
	position: relative;
background: #efefef;
}
.gray-area:before{     content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 1920px solid white;
}
.row-about{ display: block;
overflow: hidden;
height: auto;
width: 100%;
margin-bottom: 20px;
}
.ico{ display: table-cell;
width: 50px;
height: 50px;
}
.ico img{ max-width: 100%;
display: block;
border: 1px solid #e8e8e8;
}
.about-text{ display: table-cell;
vertical-align: top;
padding:0 20px 20px;
}
.about-text h3{ color: #000000;
font-weight: bold;
margin-bottom: 10px;
}
.about-text article{ color: #626262;
	font-size: 13px;
}
.links-area{ overflow: hidden;
height: auto;
width: 100%;
display: block;
margin-top: 30px;
}
.links-area ul{ list-style: none}
.links-area ul li{ display: inline-block;
margin: 5px;}
.links-area ul li a{ display: block;
padding: 10px 15px;
background: #fff;
border: 1px solid #e8e8e8;	
	color: #404245;
	font-size: 14px;
}.links-area ul li a i{ color: #e4184c;
	margin-right: 10px;
}
.links-area ul li a:hover{ color: #fff;
background:#e4184c;
text-decoration: none;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.links-area ul li a:hover i{ color: #fff;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.statistics{ overflow: hidden;
height: auto;
width: 100%;
	position: relative;
display: block;
	padding: 130px 0;
	padding-bottom: 100px;
	background:#e4184c url(img/statistics.png) center center no-repeat
}
.statistics:before{ content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 1920px solid #efefef;
}
.statistics .title h1 span ,.statistics .title h2 span{ color: #fff;
}
.statistics .title p{ color: #fff;}
.statistics .title-area{ border-left: 1px solid #fff;}
.statistic-area{overflow: hidden;
height: auto;
width: 100%;
display: block;
text-align: center;
}
.statistic-icon{     overflow: hidden;
    width: 130px;
    height: 130px;
    vertical-align: middle;
    line-height: 128px;
    text-align: center;
    border-radius: 50%;
    margin: 0 auto;
	margin-bottom: 20px;
    border:2px solid #fff;
}
.statistic-icon img{ vertical-align: middle}
.st-num{ overflow: hidden;
height: auto;
width: 100%;
display: block;
text-align: center;
}
.st-num span{     color: #fff;
    font-size: 40px;
    font-weight: 100;
}
.statistic-area>p{ color: #fff;
    font-size: 18px;
    font-weight: 400;
text-transform: uppercase;
}
.search-section{    overflow: hidden;
    width: 100%;
    position: absolute;
    top: -100%;
    left: 0;
    display: block;
    background:rgba(41, 44, 51, 0.98);
    height: 100vh;
    z-index: 100000;
	padding: 100px 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.search-open{    position: absolute;
    top: 0;
    left: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.search-box{ overflow: hidden;
height: auto;
width: 100%;
display: block;
position: relative;
}
.search-box input{     width: 100%;
    display: block;
    padding: 15px 0;
    margin: 100px 0;
	font-size: 18px;
    border: 0;
	color: #fff;
    background: none;
    border-bottom: 1px solid #565967;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.search-box input:focus{ border-bottom: 1px solid #e4184c;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.search-box input[type="submit"]{    position: absolute;
    top: 100px;
    height: 56px;
    background: url(img/search.png) center center no-repeat;
    border: 0;
    right: 0;
    margin: 0;
    width: 50px;
}
.close-search{     position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    color: #fff;
}
.close-search a{ color: #fff;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.close-search a:hover{ color: #e4184c;
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.bottom-header .search-icon { border-bottom: 0 !important;
color: #292c33 !important ;
}
.bottom-header .search-icon i{ color: #292c33 !important ; }
.bottom-header .search-icon i:hover{ color: #e4184c !important}
.social{ overflow: hidden;
height: auto;
position: absolute;
right: 0;
top: 150px;
z-index: 100000;	
}
.social ul{ list-style: none}
.social ul li{ display: block;
}
.social ul li a {   width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border: 1px solid #555b65;
	border-left: 2px solid #555b65;
    color: #ffffff;
    font-size: 16px;
    display: block;
	background:#353f50;
}
.social ul li a:hover{ color: #e4184c;
border: 2px solid #e4184c}
.social ul li:nth-child(1){ margin-top: 0;
border-top:1px solid #555b65}
.social ul li:last-child a{line-height:35px;
font-family: Baskerville, Palatino Linotype, Palatino, Century Schoolbook L, Times New Roman, serif}
.social.social-foot { position:relative; top:0; overflow: visible; }
.social.social-foot li{ display:inline-block; }
/**************************/
 /**********************************/
.section_custm { padding-bottom:20px;} 
.projects-home { 
	background: #f0f0f0 ;
	overflow:hidden;
	width:100%;
	min-height:340px;	
	position: relative;
	padding-top:40px;
 	padding-bottom: 0px;
	text-align:center;
	color:#333;
 } 
 .newsletar-home-con h2 { color:#fff; line-height:25px;   margin-top: 10px;}
 .newsletar-home-con p { color:#fff; line-height:25px;   margin-top: 10px; margin-bottom:10px;}
.newsletar-home-con .form-control { background:#fff;
border: 1px solid #fff;
-moz-border-radius:  0px;/*Firefox*/
-webkit-border-radius: 0px;/*Safari, Chrome*/
border-radius: 0px;
color:#333;
 height: 43px;
}
.newsletar-home-con  .btn-default {
	
	background:#d62919;
	border: 1px solid #fff;
	-moz-border-radius: 0px;/*Firefox*/
	-webkit-border-radius: 0px;/*Safari, Chrome*/
	border-radius: 0px;
	color:#fff;
	padding:10px 40px;

	}
  .newsletar-home-con  .btn-default:hover {background:#333;border: 1px solid #fff;color:#fff;}
.filters-button-group ul li { display:inline-block; margin:5px 3px; position: relative; }
.filters-button-group ul li:after { 

   position:absolute;
   content:'';
   top:0;
   bottom:0;
   right:0;
   left:0;
   
   background:#fff;

   margin:0 auto;
  border: 1px solid #e4184c;

  -webkit-transition: all 0.6s ease-in-out;/* Safari 3.2+, Chrome */
  -moz-transition: all 0.6s ease-in-out;/* Firefox 4-15 */
  -o-transition: all 0.6s ease-in-out;/* Opera 10.5-12.00 */
  transition: all 0.6s ease-in-out;/* Firefox 16+, Opera 12.50+ */  
  
 
 }
 .filters-button-group ul li.is-checked:after {background: rgba(228,24,76,.86);
 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#b10c36)";/*IE 8*/
-moz-box-shadow: 3px 3px 3px #b10c36;/*FF 3.5+*/
-webkit-box-shadow: 3px 3px 3px #b10c36;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 3px 3px 3px #b10c36;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#b10c36); /*IE 5.5-7*/

 }
 .filters-button-group ul li button{padding:5px 17px; font-size:14px; background: none; color:#333;
    position: relative;
    z-index: 22;
 }
 .is-checked button{
     color:#fff !important;

	  }

  

/*****************/
.Portfolio-pro {
    height: 240px;
    overflow: hidden;
    position: relative;
}
.Portfolio-pro img {
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
      min-height: 260px;
}
 .img-hover {
	 
    position:absolute; top:0; bottom:0; right:0; left:0;
    padding: 30px  ;
    text-align:center;
    background: rgb(214, 41, 25);
    background: transparent;
    background: rgba(214, 41, 25, 0.9);/* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5D62919,endColorstr=#e5D62919);/*IE 5.5-7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5D62919,endColorstr=#e5D62919)";/*IE8*/
    zoom: 1;	

    -webkit-transition: all 0.6s ease-in-out;/* Safari 3.2+, Chrome */
    -moz-transition: all 0.6s ease-in-out;/* Firefox 4-15 */
    -o-transition: all 0.6s ease-in-out;/* Opera 10.5-12.00 */
    transition: all 0.6s ease-in-out;/* Firefox 16+, Opera 12.50+ */

    -moz-transform:  translate(0px, 100%);/* FF3.5+ */
    -webkit-transform:  translate(0px, 100%);/*Saf3.1+, Chrome*/
    -o-transform:   translate(0px, 100%);/* Opera 10.5 */
    -ms-transform:  translate(0px, 100%);/* IE 9 */
    transform:  translate(0px, 100%);
	 
	 
}
.link-zoom {
  display: inline-block;
  width: 30px;
  height: 30px;
  -moz-transform: translate(-100px, 0px);/* FF3.5+ */
  -webkit-transform:   translate(-100px, 0px);/*Saf3.1+, Chrome*/
  -o-transform: translate(-100px, 0px);/* Opera 10.5 */
  -ms-transform:   translate(-100px, 0px);/* IE 9 */
  transform:  translate(-100px, 0px);
  opacity: 0
}
.link-href {
  display: inline-block;
  width: 30px;
  height: 30px;
  -moz-transform: translate(100px, 0px);/* FF3.5+ */
  -webkit-transform:   translate(100px, 0px);/*Saf3.1+, Chrome*/
  -o-transform: translate(100px, 0px);/* Opera 10.5 */
  -ms-transform:   translate(100px, 0px);/* IE 9 */
  transform:  translate(100px, 0px);
  opacity: 0; 




}
 .img-hover:hover .link-zoom , .img-hover:hover .link-href { opacity: 1; 
  -moz-transform: translate(0px, 0px);/* FF3.5+ */
  -webkit-transform:   translate(0px, 0px);/*Saf3.1+, Chrome*/
  -o-transform: translate(0px, 0px);/* Opera 10.5 */
  -ms-transform:   translate(0px, 0px);/* IE 9 */
  transform:  translate(0px, 0px);
  opacity: 1; 

  -webkit-transition: all 0.6s ease-in-out;/* Safari 3.2+, Chrome */
  -moz-transition: all 0.6s ease-in-out;/* Firefox 4-15 */
  -o-transition: all 0.6s ease-in-out;/* Opera 10.5-12.00 */
  transition: all 0.6s ease-in-out;/* Firefox 16+, Opera 12.50+ */
 }
.img-hover h2 { font-size:18px; margin:0; margin-bottom:10px; line-height:25px; color:#fff; font-weight: bold;}
.img-hover p { font-size:14px;   margin-bottom:10px; line-height:25px; color:#fff;}
.img-hover i { font-size:22px;   margin-bottom:10px; line-height:25px; color:#fff;}
.Portfolio-pro:hover .img-hover {
-moz-transform:  translate(0px, 0);/* FF3.5+ */
-webkit-transform:  translate(0px,  0);/*Saf3.1+, Chrome*/
-o-transform:   translate(0px, 0);/* Opera 10.5 */
-ms-transform:  translate(0px, 0);/* IE 9 */
transform:  translate(0px, 0);
	
	}
.img-hover h2 a ,.img-hover p a{ color:#fff;}	
.element-item {
    margin-bottom: 30px;
     
}
 /********************/
 /*************/
.team-home { padding:40px 0;}
.team-home .section-content  { text-align:center;}
.team-home .team-box  { float:none !important; display: inline-block;}
.team-caption-title {
		position:absolute;
		background:#e4184c;
		padding:5px;
		bottom:0;
		right:0;
		left:0;
		color:#fff;
		text-align:center;
	}
.team-thumbnail  { position:relative; text-align:center; overflow:hidden; height:320px;}
.team-thumbnail img { width:100%; height:auto;}	
.team-caption-title a { color:#fff;}
.team-caption-title h2 { font-size:18px; margin:0; line-height:25px;}
.team-caption-title h3 { font-size:14px; margin:0; line-height:25px;}
.team-caption{
		opacity:0;
		position:absolute;
		padding:5px;
		bottom:0;
		right:0;
		left:0;
		top:0;
		color:#fff;
		text-align:center;
		padding-top:50%;
		background: rgb(0, 0, 0);
		background: transparent;
		background: rgba(0, 0, 0, 0.5);/* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);/*IE 5.5-7*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)";/*IE8*/
		zoom: 1;
		
		
-moz-transform:   translate(100%, 0px);/* FF3.5+ */
-webkit-transform:  translate(100%, 0px);/*Saf3.1+, Chrome*/
-o-transform:  translate(100%, 0px);/* Opera 10.5 */
-ms-transform:  translate(100%, 0px);/* IE 9 */
transform:   translate(100%, 0px);

	-webkit-transition: all 1s ease-in-out;/* Safari 3.2+, Chrome */
	-moz-transition: all 1s ease-in-out;/* Firefox 4-15 */
	-o-transition: all 1s ease-in-out;/* Opera 10.5-12.00 */
	transition: all 1s ease-in-out;/* Firefox 16+, Opera 12.50+ */
			
	} 
.team-caption .shre-top { width:auto;}
.team-thumbnail:hover .team-caption{
-moz-transform:   translate(0px, 0px);/* FF3.5+ */
-webkit-transform:  translate(0px, 0px);/*Saf3.1+, Chrome*/
-o-transform:  translate(0px, 0px);/* Opera 10.5 */
-ms-transform:  translate(0px, 0px);/* IE 9 */
transform:   translate(0px, 0px);
	
	opacity:1;
	}	
/****************/
#shre-top { float:left; text-align:left;}
.shre-top { text-align:center;width: 206px; padding-left:0;}
.shre-top a {


-webkit-transition: all 0.6s ease;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.6s ease;/* Firefox 4-15 */
	-o-transition: all 0.6s ease;/* Opera 10.5-12.00 */
	transition: all 0.6s ease;/* Firefox 16+, Opera 12.50+ */
}

.shre-top a:hover{margin-top:0px;}
 
 
.shre-top .btn1 , .lang-top .btn1 {
 

 
text-align:center;
color: #fff;
margin-top: 0px;
padding:  5px;
width: 33px; 
position:relative;
display:inline-block;
font-size:15px;

border: 1px solid #fff;
-moz-border-radius:  50%;/*Firefox*/
-webkit-border-radius:  50%;/*Safari, Chrome*/
border-radius:   50%;
 

}
.shre-top .btn1:hover   { background:#fff;color: #88b425; }		
 
 .shre-foot  .btn4{
background:none;

 
text-align:center;
color: #FFFFFF;
margin-top: 0px;
padding:  5px;
width: 34px; 
position:relative;
display:inline-block;
font-size:15px;

border: 1px solid #858585;
-moz-border-radius:  50%;/*Firefox*/
-webkit-border-radius: 50%;/*Safari, Chrome*/
border-radius:  50%;
 

}
 .shre-foot  .btn4:hover {border: 1px solid #e09a14;color: #e09a14;}		
#menu-top1 { margin-left:40px;}	





.shre-top2 { text-align:center;width: 220px; padding-left:0;}
.shre-top2 a {


-webkit-transition: all 0.6s ease;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.6s ease;/* Firefox 4-15 */
	-o-transition: all 0.6s ease;/* Opera 10.5-12.00 */
	transition: all 0.6s ease;/* Firefox 16+, Opera 12.50+ */
}

.shre-top2 a:hover{margin-top:1px;}
 
.shre-top2 .btn1  {


float:right;
text-align:center;
color: #fff;
margin-top: 3px;
margin-left: 3px;
padding: 5px 8px;
width: 31px; 
position:relative;
display:inline-block;
font-size:15px;

border: 0px solid #000000;
-moz-border-radius:   50%;/*Firefox*/
-webkit-border-radius:  50%;/*Safari, Chrome*/
border-radius:   50%;
  /* background:#838383*/
}


.shre-top .btn-twitter:hover{ background:#00baf0}		
.shre-top .btn-facebook:hover{ background:#3b5997}		
.shre-top .btn-google-plus:hover{ background:#c43c2c}		
.shre-top .btn-linkedin:hover{ background:#006599}		
.shre-top .btn-youtube:hover{ background:#ff0000}		
.shre-top .btn-vimeo-square:hover{ background:#1ab7ea} 		
.shre-top .btn-rss:hover{ background:#ff6600}		
.shre-top .btn-flickr{ background:#d70068} 		
.shre-top .btn-tumblr{ background:#2f669e }		
.shre-top .btn-dribbble{ background:#ff0084}		
.shre-top .btn-apple{ background:#6d6d6d}		
.shre-top .btn-skype{ background:#00b0f6}		
.shre-top .btn-pinterest:hover{ background:#cd1f28}		
.shre-top .btn-github-alt{ background:#6d6d6d}		
.shre-top .btn-instagram:hover{ background:#3b5997}		
.shre-top .btn1:hover {
	color: #fff;
 
-moz-border-radius:  0px;/*Firefox*/
-webkit-border-radius:  0px;/*Safari, Chrome*/
border-radius:  0px;	
	} 
	/*******************************/

.shre-top-foot { margin-top:10px;}
.copy-right { color:#bcc0c8;}
/*********************/
 .img-hoverall {
	 
	position:absolute; top:0; bottom:0; right:0; left:0;
 
	
	-webkit-transition: all 0.6s ease-in-out;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.6s ease-in-out;/* Firefox 4-15 */
	-o-transition: all 0.6s ease-in-out;/* Opera 10.5-12.00 */
	transition: all 0.6s ease-in-out;/* Firefox 16+, Opera 12.50+ */
	 
 	 
	 
}
 .img-hoverall:after { content:''; position:absolute; top:15px; right:15px; border-top:1px solid #fff; border-right:1px solid #fff; left:100%; bottom:100%;
 
 	-webkit-transition: all 1s ease-in-out;/* Safari 3.2+, Chrome */
	-moz-transition: all s ease-in-out;/* Firefox 4-15 */
	-o-transition: all s ease-in-out;/* Opera 10.5-12.00 */
	transition: all s ease-in-out;/* Firefox 16+, Opera 12.50+ */

  }
 .img-hoverall:before { content:''; position:absolute; top:100%; right:100%; border-bottom:1px solid #fff; border-left:1px solid #fff; left:15px; bottom:15px;
 
 	-webkit-transition: all 1s ease-in-out;/* Safari 3.2+, Chrome */
	-moz-transition: all s ease-in-out;/* Firefox 4-15 */
	-o-transition: all s ease-in-out;/* Opera 10.5-12.00 */
	transition: all s ease-in-out;/* Firefox 16+, Opera 12.50+ */

  }
.hover-work:hover .img-hoverall:after{left:15px; bottom:15px;}
.hover-work:hover .img-hoverall:before{right:15px; top:15px;} 
.client-div img {
		-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
		filter: grayscale(100%);
	}
.client-div:hover img {
		-webkit-filter: grayscale(0); /* Chrome, Safari, Opera */
		filter: grayscale(0);
	}

/************************************************/
#sync1 .item{
    background: #fff;
    padding: 10px 0px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}
#sync2 .item{
    background: #C9C9C9;
    padding: 4px 0px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}
#sync2 .item h1{
  font-size: 18px;
}
#sync2 .synced .item{
  background: #af0913;
}

/**************/
.gallery_gallery img { max-height:100%;}
	.text-num { display:inline-block; direction:ltr;}
@media only screen and  (min-width: 1024px){
.slide-img img { max-height: 500px; }
.post-image { height:250px; position:relative; text-align:center;}
.post-image img { position:absolute; top:0; bottom:0; right:0; left:0; margin: auto;  }
.service {
    min-height: 480px;
}

.text-serv-main { min-height: 200px;}


}
 
/*--------------------------small screen----------------------------------*/
@media (max-width: 1200px) and (min-width: 992px){}
/*--------------------------Tab style----------------------------------*/
@media (max-width: 992px) and (min-width: 768px){
	.send-message{ margin-top: 20px;
	}
	.last-posts{ margin-bottom: 30px;}
	.logo img{ margin: 0 auto}
	.logo{ margin-bottom: 10px}
	.top-header{ text-align: center}
	.top-link{ text-align: center;
	margin: 0 auto;
		float: none;
	width: 100%;
	margin-top: 15px;}
	.top-link ul{ float: none}
	.address, .phone{ display: block;
	margin: 0 auto;
	float: none}
	.inner-title h1:before{ left: 44%}
	.social{ display: none}
	.slide-data{ padding: 100px;}
	.slide-data  article{ display: none}
	.slide-data .more-slide:before,.slide-data .more-slide:after,.serv-img-1:before{ display: none}
	.serv-img img, .serv-img-1 img{ margin: 0 auto}
	.serv-img,.serv-img-1{margin-bottom: 30px;}
	.padding-serv{ padding: 40px;}
	.service{ margin-bottom: 30px}
	.small-img{ text-align: center;}
	.big-img{ margin-bottom: 30px}
	.text-digital{ padding: 40px;}
	.more{ margin-left: 0}
	.row-tab .nav-tabs>li>a{ margin: 5px 0}
	.feature{ margin: 30px 0}
	.feature h4,.icon-feature{ margin-bottom: 10px;}
	.block{ margin: 15px 0;}
	.serv-block p{ padding: 0px 100px}
	.row-block{ padding: 50px 70px}
	.price-div{ margin: 15px 0;
	width: 100%;}
	.price-div:before{ display: none}
	.price{ padding-right: 20px;
	padding-left: 20px;
	}
}
/*--------------------------mobile style----------------------------------*/
@media (max-width: 768px) and (min-width: 168px){
	.top-header{ text-align: center}
	.top-link{ text-align: center;
	margin: 0 auto;
		float: none;
	width: 100%;
	margin-top: 15px;}
	.top-link ul{ float: none}
	.address, .phone{ display: block;
	margin: 0 auto;
	float: none}
.navbar-toggle{    margin: 10px 0;
    width: 100%;
    border-radius: 0;
    text-align: center;
}
	.slide-data{ padding: 50px;}
	.slide-data  article{ display: none}
	.slide-data .more-slide:before,.slide-data .more-slide:after,.slide-data p,.slide-data h1,.slide-data h2{ display: none}
	.navbar-toggle .icon-bar{ margin: 0 auto;}
	.navbar-nav{ margin: 0;
	text-align: center;
	width: 100%;}
	.navbar-toggle{    background: #000;
    border: none;
		margin-bottom: 10px;
    padding: 15px;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #e31547;
}
	.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
	.about-footer{ margin-bottom: 20px}
	.footer-links{    margin-bottom: 15px;
    text-align: center;}
	.copy-right{ text-align: center;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-top: 0}
	.serv-img-1:before{ display: none;
	margin-bottom: 20px;}
	.service{ margin-bottom: 20px;}
	.inner-title h1:before{ display: none}
	.serv-img, .serv-img-1{ margin-bottom: 30px;}
	.padding-serv{ padding: 0 25px;}
	.small-img{ text-align: center}
	.social{ display: none}
	.big-img{ margin-bottom: 30px;}
	.navbar-collapse{max-height: inherit;}
	.text-digital{ padding: 30px}
	.img{ margin-bottom: 30px}
	.row-tab .nav-tabs>li>a{ margin: 5px 0}
	.feature{ margin: 30px 0}
	.feature h4,.icon-feature{ margin-bottom: 10px;}
	.block{ margin: 15px 0;}
	.serv-block p{ padding: 0px 100px}
	.row-block{ padding: 50px 70px}
	.price-div{ margin: 15px 0;
	width: 100%;}
	.price-div:before{ display: none}
	.price{ padding-right: 20px;
	padding-left: 20px;
	}
	main{ padding-right: 20px;
	padding-left: 20px;}
	.send-message{ margin-top: 20px;
	}
	.last-posts{ margin-bottom: 30px;}
	
}


.fa{
	    padding-top: 8px;
}
.social ul li:last-child a{
	margin-top:5px;
}
body {
		font-family:'Changa',Arial,Verdana,sans-serif;
		font-size:14px;
		direction:rtl;
}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-family: 'Changa', serif; line-height:25px; }
 p{ font-family: 'Changa', serif; font-size:14px; }

.navbar-nav{ float: left;}
.top-link ul{ float: left;}
.address, .phone{ float: right;}
.container .category ul li span { float:left;}
.phone span{ direction:ltr; display:inline-block;}
.slide-data {direction:rtl;}
.title p { margin-bottom:15px; font-family: 'Changa', Arial,Verdana,sans-serif; }
.title-area {
    border-left: 0px solid #e4184c;
    border-right: 1px solid #e4184c;
    display: inline-block;
    padding-right: 20px;
    padding-left:  0px;
    padding-top: 65px;
    text-align: right;
}
.statistics .title-area{ border-left: 0px solid #fff; border-right: 1px solid #fff;}
.dropdown-search .dropdown-menu { right:inherit; left:0; }	 



.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12,
.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.right-fa {
    margin-left: 5px;
}

.left-fa {
    margin-right: 5px;
}

.navbar-toggle {
    float: right;
}

.dropdown-menu {
    left: auto;
    right: 0;
}

.dropdown-menu li a:hover {
    padding-right: 14px !important;
}

.navbar-nav .dropdown-menu .dropdown-menu {
    right: 100%;
}

.navbar-nav .dropdown-menu .dropdown-menu .dropdown-menu {
    left: 100%;
    right: auto;
}

.inner-box ul {
    margin-right: 20px;
}

.blog-post .img-holder .date {
    right: 0;
}

/****/

.clients .owl-next,.work-area .owl-next{ top: 12px; }
.clients .owl-prev,.work-area .owl-prev{  left: 12px; }

.send-message .wpcf7-form { direction:rtl;}

.service h4 { font-size:16px;}
.service ul li i {
    color: #e4184c;
    margin-right: 20px;
}

@media (min-width: 768px) {

    .text-align-right, .dropdown-menu {
        text-align: right;
    }

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

    .navbar-header {
        float: right;
    }

}