.margintb5{	margin:5px 0px;}
.margintb10{margin:10px 0px;}
.margintb15{margin:15px 0px;}
.margintb20{margin:20px 0px;}
.margintb50{margin:55px 0px;}
.paddingtb5{padding:5px 0px;}
.paddingtb10{padding:10px 0px;}
.paddingtb15{padding:15px 0px;}
.paddingtb30{padding:30px 0px;}
.paddingtb40{padding:40px 0px;}
.paddingtb20{padding:20px 0px;}
.paddingtb50{padding:50px 0px;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding20{padding:20px;}
.padding30{padding:30px;}
.padding40{padding:40px;}
.padding50{padding:50px;}
.paddingtb_lr10{padding:10px 10px;}
.paddingtb_lr20{padding:20px 20px;}
.paddingtb_lr30{padding:30px 30px;}
.paddingtb_lr40{padding:40px 40px;}
.row {
    margin-right: 0px!important;
    margin-left: 0px!important ;
}
.container-fluid {
    padding-right: 0px!important;
    padding-left: 0px!important ;
}

 .li_style {
    
		text-decoration: none;
		background: url(../images/icon/right_icon.png) left top no-repeat;
		padding-left: 23px;
		line-height: 20px;
		display: block;
		padding-bottom:5px;
		text-align:left;
	}



.ul-service{ margin:0px; padding:0px; width:100%;}
.ul-service li{ list-style:none; width:100%; padding:4px 5px; border-bottom:1px solid #ddd;}

.ul-service li a{ color:#b3aaaa; display:inline-block; font-weight:600;  }
.ul-service li a i{ font-size:15px; color:#45aed6; padding-right:10px;}
.ul-service li a:hover { text-decoration:none; color:#45aed6 }
.ul-service li   span{ background:#033561;  }

.p_tag{color:#f5f5f5!important;}


.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #ffffff!important;
    text-decoration: none!important;
    background-color: #45aed6!important;
}
.img_centered{
	margin:0 auto;
}
.pkg_right{
	color: #00d800;
    font-size: 17px;
}

.pkg_wrong{
	color: red;
    font-size: 21px;
}


.text_center{
	text-align: center;
}
.text_white{
	color:#fff;
	
}
.text_gray{
	color:gray;
	
}
.navbar-default {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2)!important;}


.exp_area{
	font-size: 45px;
    font-weight: 800;
    color: #e2673b;
}

.why_us{}
.why_us:hover{
	background: #FF9900;
    color: #fff;
    box-shadow: 1px 1px 6px #C1BAC1;
}


.banner-text h6 a{
	color:#fff;
	
}
.banner-text h6 span{
	color:#929292;
	
}
.banner-text h6 a:hover{
	color:#e3663a;
}







/********* developer div********/
.developr_div{
	padding: 10px 0px;
}

.developr_div h2{
	margin-top:0px!important;
	margin-bottom:0px!important;
	font-size:18px;
}

.developr_div h2 a{
	color:#737373;
	padding: 30px 20px;
}
.developr_div h2 a:hover{
	color: #ffffff;
    background-color: #656565ee;
    padding: 30px 20px; 
}
.konikon { padding-right: 15px; padding-top: 17px;}
.choosepannel {}

.meactive { background:#6f6f6f !important; margin-top:-8px; padding-top:8px !important; border-radius:12px 12px 0 0 !important; z-index:99;}
.meform { background:#085c78 !important; z-index:93;}
.mebill { background:#127ea2 !important; z-index:95;}
.meexplevel { background:#29a5ce !important; z-index:96;}
.meplatform { background:#085c78 !important; z-index:99; border-radius:12px 12px 0 0 !important;}

.activekon1 { background: url("") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 0; height: 6px; left: -7px; position: absolute; width: 9px;}
.activekon2 { background: url("") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 0; height: 6px; right: -9px; position: absolute; width: 9px;}
.kon1 { background: url("") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 0; height: 6px; right: -9px; position: absolute; width: 9px;}
.kon2 { background: url("") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 0; height: 6px; right: -9px; position: absolute; width: 9px;}
.kon3 { background: url("") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 0; height: 6px; right: -9px; position: absolute; width: 9px;}

.tablisting { float:right; margin-right:25px;margin-bottom: 0;}
.tablisting li { float:left; background:#29a5ce; border-radius:0 12px 0 0; padding:0 11px; margin-left:-10px; position:relative; cursor:pointer;}

.tablisting li a {
    color: #fff;
    display: block;
    float: left;
    font-size: 15px;
    line-height: 56px;
    text-align: center;
}
.meactive { background:#6f6f6f !important; margin-top:-8px; padding-top:8px !important; border-radius:12px 12px 0 0 !important; z-index:99;}

.numericboxy { width:35px; height:35px; color:#333; background:#eceef4; border-radius:50%; text-align:center; font-size:22px; line-height:35px; font-weight:800; float:left; margin-right:10px; }

#exTab3 .nav-pills > li > a {
	  border-radius: 10px 10px 0 0 ;
	  padding: 18px;
		background-color: #a9a9a9;
		color: #fff;
		
	}

	#exTab3 .tab-content {
	  color : gray;
	  background-color: #fff;
	  padding : 5px 15px;
	}

	.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
		color: #fff;
		background-color: #82bef1!important;
		padding:18px;
		
	}

.contact-box { background:#eceef4; padding:52px 0 40px;}
.fixit1200 {
    width: 1200px;
    margin: 0 auto;
}
.full-box {
    width: 1200px;
}
.full-box .clownhead {
    text-align: left;
}
.clownhead span {
    color: #0087e5;
}

.activeline {
    height: 14px;
    background: #6f6f6f;
    float: right;
    width: 73.0%;
    border-radius: 12px 12px 0 0 !important;
}
.subhead {
    font-size: 26px;
    color: #333;
    text-transform: uppercase;
    margin: 25px 0;
}
.leftsidepanel {
    float: right;
    width: 46%;
}
.sidepannel {
    /* width: 50%; */
    margin: 50px 25px 0 25px;
    float: left;
}

.konikon {
    padding-right: 15px;
  
}

/*.ui-corner-top a:hover{background:#6f7073 url(../images/cta2/sidearrow.png) no-repeat right center;font-size:18px;font-weight:400;color:#fff!important}*/


.clear {
    clear: both;
    font-size: 0.01em;
    height: 0;
}
/* 
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    padding: 18px;
    color: #fffe;
    background-color: #3f586d;
}
 */
							.price {	list-style-type: none;
									border: 1px solid #eee;
									margin: 0;
									padding: 0;
									-webkit-transition: 0.3s;
									transition: 0.3s;
									border-radius: 15px 15px 0px 0px;
								}

									.price:hover {
										/*box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)*/
										    box-shadow: 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
											z-index: 1;
										
									}

									.price .header {
										background-color: #448fd0;
										color: white;
										font-size: 25px;
									}

									.price li {
										border-bottom: 1px solid #eee;
										padding: 10px;
									text-align: center;
									}

									.price .grey {
										background-color: #eee;
										font-size: 20px;
									}

									.button {
										background-color: #4CAF50;
										border: none;
										color: white;
										padding: 10px 25px;
										text-align: center;
										text-decoration: none;
										font-size: 18px;
									}

									
					/********* webpkges**********/
						.web-price {	list-style-type: none;
									border: 1px solid #eee;
									margin: 0;
									padding: 0;
									-webkit-transition: 0.3s;
									transition: 0.3s;
									border-radius: 15px 15px 0px 0px;
								}

									.web-price:hover {
										/*box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)*/
										    box-shadow: 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
											z-index: 1;
										
									}

									.web-price .header {
										background-color: #448fd0;
										color: white;
										font-size: 25px;
									}

									.web-price li {
										border-bottom: 1px solid #eee;
										padding: 10px;
										/*text-align: center;*/
									}

									.web-price .grey {
										background-color: #eee;
										font-size: 20px;
									}									
									





/********* end developer********/

/********* apply jobs********/


.divider-text {
    position: relative;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.divider-text span {
    padding: 7px;
    font-size: 12px;
    position: relative;   
    z-index: 2;
}
.divider-text:after {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #ddd;
    top: 55%;
    left: 0;
    z-index: 1;
}

.btn-facebook {
    background-color: #405D9D;
    color: #fff;
}
.btn-twitter {
    background-color: #42AEEC;
    color: #fff;
}
/******* end******/

.heading3 {
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 18px;
    width: 80%;
    margin: -10px auto 0;
}

.icon-whyus {
    display: inline-block;
    width: 200px;
   
    line-height: 152px;
	/* background-color: #e3673b; 
    border: 2px solid #ffffff;*/
    border-radius: 30px;
    position: relative;
}



/************technology **********/


.icon-tech {
    display: inline-block;
    width: 200px;
    height: 155px;
    line-height: 152px;
	/* background-color: #e3673b; 
    border: 2px solid #ffffff;*/
    border-radius: 30px;
    position: relative;
}

.icon-tech>span {
    border-style: solid;
    border-width: 2px;
    border-color: #fff;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 20px;
    top: -12px;
    color: #64686d;
}
#cta2 h3 {
    margin-bottom: 50px;
}
/* 
.icon-tech:hover {
    display: inline-block;
    width: 200px;
    height: 200px;
    line-height: 200px;
   border: 2px solid #e3673b;
    border-radius: 30px;
    position: relative;
	 background-color: transparent;
}
.icon-tech>span:hover {
    border-style: solid;
    border-width: 2px;
    border-color: #e3673b;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 20px;
    top: -12px;
    color: #64686d;
}
 */


/************end technology **********/








/*-- Footer-Starts-Here --*/
.footer {
   
}
.footer-info ul li a {
				color:#EEE;
}
.footer-info ul li a:hover {
	color: #e3683c;
}

.social {
    padding: 30px 0;
    text-align: center;
}
.footer-info {
    margin: 50px 0px;
}
.footer-info h4 {
    color: #EEE;
    padding: 20px 0;
    font-weight: 600;
}
.footer-info li {
    color: #EEE;
    display: block;
    font-weight: 300;
    font-size: 15px;
    line-height: 25px;
	padding: 10px 0px;
	border-bottom: 1px dashed #565656;
}

.links a {
    color: #EEE;
}
.links a:hover {
    color: #FFF;
    /*text-decoration: underline;*/
	
}
a.mail {
    color: #EEE;
}
a.mail:hover {
    color: #2AFFF5;
}
.footer-info p {
    color: #EEE;
    font-weight: 300;
    font-size: 13px;
    line-height: 23px;
    margin-bottom: 10px;
}
.newsletter {
    position: relative;
}
.newsletter .email {
    padding: 5px 0px 5px 10px;
    font-style: italic;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    height: 40px;
    border: 1px solid #ddd;
    min-width: 100%;
}
.newsletter .email {
    color: #bcc0c4;
   
    border: none;
}
.newsletter .submit {
    width: 40px;
    height: 40px;
    background-image: url('../images/subscribe.png');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-color: #45aed6;
    top: 0;
    right: 0;
    border: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}



.socialdiv ul li{position:relative;float:left;width:40px;height:40px;margin:0;list-style:none;opacity:1;padding:0 2px;}
 .socialdiv ul li a{border:none;padding:0 2px;}
.socialdiv ul li a:hover{border:none;opacity:1 !important;}
.socialdiv{margin-right:15px;}
.socialdiv ul li a{border:none !important;}

.socialdiv{position:relative;display:inline-block;text-align:center;margin-right:25px;}
.socialdiv ul li{position:relative;float:left;width:40px;height:40px;list-style:none;}
.socialdiv ul li a{border:1px solid #252529;}
.socialdiv ul li a{width:40px;height:42px;border:1px solid #ededed;position:relative;float:left;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.socialdiv ul li a, .socialdiv ul li a{border:none !important;position:relative;}

.socialdiv .facebook{background:url(../images/sprite.png) -379px -255px no-repeat;}
.socialdiv .twitter{background:url(../images/sprite.png) -378px -311px no-repeat;}
.socialdiv .forrst{background:url(../images/sprite.png) -708px -256px no-repeat;}
.socialdiv .flickr{background:url(../images/sprite.png) -454px -256px no-repeat;}
.socialdiv .linkedin{background:url(../images/sprite.png) -621px -255px no-repeat;}
.socialdiv .skype{background:url(../images/sprite.png) -149px -311px no-repeat;}
.socialdiv .google{background:url(../images/sprite.png) 1px -312px no-repeat;}

.socialdiv .facebook:hover{background:#3b5998 url(../images/sprite.png) -413px -255px no-repeat;border:1px solid #3b5998;}
.socialdiv .twitter:hover{background:#35c9f9 url(../images/sprite.png) -412px -311px no-repeat;border:1px solid #35c9f9;}
.socialdiv .forrst:hover{background:#62956a url(../images/sprite.png) -742px -256px no-repeat;border:1px solid #62956a;}
.socialdiv .flickr:hover{background:#ff0084 url(../images/sprite.png) -487px -256px no-repeat;border:1px solid #ff0084;}
.socialdiv .linkedin:hover{background:#005886 url(../images/sprite.png) -655px -255px no-repeat;border:1px solid #005886;}
.socialdiv .skype:hover{background:#50bee3 url(../images/sprite.png) -183px -311px no-repeat;border:1px solid #50bee3;}
.socialdiv .google:hover{background:#d24a30 url(../images/sprite.png) -32px -312px no-repeat;border:1px solid #d24a30;}




.page_title2 {
	position: relative;
	float: left;
	width: 100%;
	padding: 40px 0px 28px 0px;
}
.page_title2 .container {
	background: url(../images/h-line3.png) no-repeat left bottom;
}
.page_title2 .title {
	width: 100%;
	float: left;
	text-align: left;
	margin: 0px;
}
.page_title2 .title h1 {
	margin: 0px;
	font-weight: 600;
	color: #13afeb;
	text-transform: none;
	font-size: 35px;
}
.page_title2 .pagenation {
	float: left;
	width: 100%;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	color: #e0e0e0;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 22px 0px;
}
.page_title2 .pagenation i {
	color: #727272;
	margin: 0px 2px 0px 2px;
}
.page_title2 .pagenation a {
	padding: 0px;
	color: #727272;
}
.page_title2 .pagenation a:hover {
	color: #e0e0e0;
}








.copyright {
    text-align: center;
    padding: 1px 0;
    border-top: 2px inset #77899a;
	background-color: #000c1961;
}
.copyright p {
    color: #FFF;
	margin:20px 0px;;
}
.copyright a {
    color: #FFF;
    text-decoration: none;
}
.copyright a:hover {
    color: #e3683c;
}

/*-- //Footer-Ends-Here --*/




@media screen and (max-width:966px) {
    
    .footer-info-grid {
        width: 50%;
        float: left;
    }
    .footer-info li {
        font-size: 12px;
    }
    .address li {
        line-height: 25px;
    }
    .newsletter .email {
        width: 100%;
    }
    .newsletter .submit {
        right: -8px;
    }
}
@media screen and (max-width:568px) {
    
    .footer-info-grid {
        width: 50%;
        float: left;
        margin-right: 0.3%;
    }
    .news, .reviews {
        width: 50%;
        float: left;
    }
    .locations {
        width: 80%;
        margin-left: 10%;
    }
    .more_btn {
        padding: 8px 25px;
        font-size: 14px;
    }
    .address li {
        line-height: 18px;
    }
    .newsletter .email {
        width: 125%;
    }
    .newsletter .submit {
        right: -30px;
    }
    .map iframe {
        height: 250px;
    }
}

@media screen and (max-width:533px) {
    .newsletter .email {
        width: 150%;
    }
    .newsletter .submit {
        right: -43px;
    }
}

@media screen and (max-width:480px) {
    
    .footer-info-grid {
        width: 50%;
        margin-bottom: 20px;
        margin-right: 0;
    }
    .newsletter .email {
        padding: 5px 30px 5px 5px;
        width: 100%;
    }
    .newsletter .submit {
        right: 0px;
    }
}
@media screen and (max-width:384px) {
    .footer-info p {
        line-height: 30px;
    }
}

@media screen and (max-width:375px) {
   
    .footer-info p {
        line-height: 23px;
    }
}

@media screen and (max-width:360px) {
   
    .footer-info p {
        line-height: 24px;
    }
}

@media only screen 
and (min-width : 0)
and (max-width : 320px) 
{
    .footer-info p {
        line-height: 20px;
    }
    .newsletter .email {
        font-size: 11px;
        padding: 5px 25px 5px 2px;
    }
	
	 

 .right-box .clownhead {
    text-align: left;
    margin-top: 20px;
    display: inline-block;
}
.bannerz #single_owl .item img {
    width: 320px !important;
   /* height: 90px;*/
    
}



.monde .kboom {
    margin: 0 auto !important;
    cursor: pointer;
    border-radius: 20px !important;
} 
.bigput {
    margin-right: 0 !important;
    width: 89%;
}
.lockbox {
    margin: 0 0 7% 1%;
    width: 49%;
}
.hdtitle {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 5px;
    min-height: 40px;
}
.loxcy {
    height: 80px;
    width: 80px;
}
.mt165 {
    display: none;
    margin-top: 173px;
    width: 6%;
}
.leftz, .rightz {
    float: none;
    margin: 0 0 0 2%;
    width: 98%;
}
.partnerwithus .smallz {
    font-size: 14px !important;
    width: 87%;
}


    .hiremegraphics, .hiremegraphicsz {
    float: none;
    width: auto;
}
.hiremegraphicsz img, .hiremegraphics img
{
    width: 100% !important;
}
.numeric {
    
    display: none;
    
}
.numericz {
    
    display: none;
    
}
.innerspace, .innerspacez {
    padding: 2%;
    text-align: center;
}
    .zig {
    padding: 0 0 6px;
    width: 95%;
}
.hiremeboxleft, .hiremeboxright {
    margin: 0 auto;
    width: 98%;
}
.hiremeinfo, .hiremeinfoz {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: none;
    width: 100%;
}

   .evenrow, .oddrow {
    padding: 25px 25px 50px 25px;
    min-height: auto !important;
}

    .contact-box {
        padding: 27px 0 1px;
    }
    .processbox, .ui-tabs-nav {
    display: none;
}
.tablisting {
    float: none;
    margin-right: 0px;
}
.tablisting li.meactive {
    background-color: #6f6f6f !important;
    margin-top: 0px;
    padding-top: 0px !important;
}
.tablisting li {
    background-color: #29a5ce !important;
    margin-left: 0px;
}
.activekon1, .activekon2, .activeline, .kon1, .kon2, .kon3 {
    display: none;
}
.numericboxy {
    margin-left: 2px;
}
.tablisting li a {
    display: inline;
    float: none;
}
.meplatform, .meactive, .tablisting li {
    border-radius: 0px !important;
}
#tabs {
    width: 99%;
}
#tabs-1 {
    width: 100% !important;
    box-sizing: border-box;
    /*padding: 6% !important;*/
}
span.input__label-content.input__label-content--hoshi {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
}
#tabs-3 .subhead, #tabs-2 .subhead, #tabs-4 .subhead, #tabs-5 .subhead, #tabs-6 .subhead, #tabs-7 .subhead, #tabs-8 .subhead, #tabs-9 .subhead, #tabs-1 .subhead {
    text-align: center;
    line-height: 28px;
}
.leftsidepanel {
    float: none;
    width: 96%;
    padding: 2%;
}
.tablisting li {
    float: none;
}
  
.fixit980 {
    width: 320px;
    margin: 0 auto;
}
 
.developerzone {
   
    float: none !important;
    margin: 0 auto 60px !important;
     /*width: 300px !important;*/
     overflow:hidden; 
}
.fixit1200 { width:320px; margin:0 auto;}

.left-box { width:100%;} .contactzbox-small { float: left; margin: 2% 5% 0 0; width: 47%;}
.right-box { float: none; margin: 0 auto; width: 88%;}


.rightz-box-small { float: none; margin: 15px auto 0; width: 100%;}

.left-box-big { float: none; margin: 0 auto; width: 92%;}
.right-box-big { float: none; margin: 15px auto -16px; width: 84%;}

	
	
	
	
	
	
	
	
	
	
	
	
}



ul {
    margin: 0;
    padding: 0;
	list-style: none;
}



  body {
    background: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #64686d;
    line-height: 26px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #272727;
}
a {
    color: #45aed6;
    -webkit-transition: color 400ms, background-color 400ms;
    -moz-transition: color 400ms, background-color 400ms;
    -o-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms;
}
a:hover, a:focus {
    text-decoration: none;
    color: #2a95be;
}
hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
}
.gradiant {
    background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
}
.gradiant-horizontal {
    background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
}
.section-header {
    margin-bottom: 10px;
}
.section-header .section-title {
    font-size: 44px;
    color: #272727;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    margin: 0 0 20px;
}

.section-header .section-title:before {
    content: "";
    position: absolute;
    width: 140px;
    bottom: 0;
    left: 50%;
    margin-left: -70px;
    height: 1px;
    background: #ebebeb;
}
.section-header .section-title:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    bottom: -11px;
    left: 50%;
    margin-left: -12px;
    border: 5px solid #3c2222;
    border-radius: 20px;
    background: #e3663a;
}
.section-title2 {
    font-size: 24px;
    color: #272727;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    margin: 0 0 20px;
}

.section-title2:before {
    content: "";
    position: absolute;
    width: 190px;
    bottom: 0;
    left: 48%;
    margin-left: -70px;
    height: 2px;
    background: #ebebeb;
}
.section-title2:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    bottom: -11px;
    left: 50%;
    margin-left: -12px;
    border: 5px solid #4e4b4b;
    border-radius: 20px;
    background: #e3673b;
}

.btn {
    border-width: 0;
    border-bottom-width: 3px;
    border-radius: 33px;
}
.btn.btn-primary {
    background: #e3673b;
    border-color: #48464561;
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
    background: #5d2306;
}
.column-title {
    margin-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    position: relative;
}
.column-title:after {
    content: " ";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 40%;
    border-bottom: 1px solid #e3673b;
}
 ul.nostyle  {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
	line-height: 28px;
}

ul.nostyle i {
     color: #e3673b;
    font-size: 20px;
    padding: 7px 8px;
} 
/*
.nostyle  li {
    
    padding: 0 0 0 26px;
    margin: 0 0 14px; 
    line-height: 18px;
    color: #222222;
    border: none;
    font-size: 13px;
}

.nostyle  li i {
    position: relative;
    padding: 0 0 0 26px;
    margin: 0 0 14px; 
    line-height: 18px;
    color: #222222;
    border: none;
    font-size: 13px;
}
*/
.scaleIn {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
}
@-webkit-keyframes scaleIn {
    0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
@keyframes scaleIn {
    0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
}





#main-slider {
    overflow: hidden;
}
#main-slider .item {
    height: 558px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
#main-slider .slider-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
}
.slider-inner h1 {
    margin-top: 74px;
    font-size: 40px;
    line-height: 1;
    color: #fff;
}
.slider-inner h1>span {
    color: #45aed6;
}

#main-slider .slider-inner h2 {
    margin-top: 74px;
    font-size: 40px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
}
#main-slider .slider-inner h2>span {
    color: #45aed6;
}
#main-slider .slider-inner .btn {
    margin-top: 10px;
}
#main-slider .owl-prev, #main-slider .owl-next {
    position: absolute;
    top: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 30px;
    display: inline-block;
    margin-top: -35px;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 100px;
    z-index: 5;
    -webkit-transition: background-color 400ms;
    transition: background-color 400ms;
}
#main-slider .owl-prev:hover, #main-slider .owl-next:hover {
    background-color: #e3673b;
}
#main-slider .owl-prev {
    left: -35px;
    text-indent: 14px;
}
#main-slider .owl-next {
    right: -35px;
    text-indent: -14px;
}
#bar {
    width: 0%;
    max-width: 100%;
    height: 4px;
    background: #e3663a;
}
#progressBar {
    margin-top: -4px;
    position: relative;
    z-index: 999;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
}
#cta {
    padding: 50px 0;
    background-color: #eeeeee;
}
#cta h2 {
    margin-top: 0;
}
#cta .btn {
    margin-top: 40px;
}
#cta2 {
    /*background: #242a33 url(../images/cta2/cta2-bg.jpg) no-repeat 50% 50%;
    background:  url(../images/cta2/cta2-bg.jpg) no-repeat 50% 50%;
    background-size: cover;*/
    color: #fff;
    padding-top: 70px;
	padding-bottom: 70px;
	background: #f5f5f5;
}
#cta2 .btn {
    margin-top: 10px;
}
#cta2 h2 {
    color:#504e4e;
    font-size: 44px;
    line-height: 1;
}
#cta2 h2>span {
    color: #e3673b;
}
#features {
    padding: 50px 0;
}
#features .media.service-box:first-child {
    margin-top: 50px;
}
#services {
    padding: 50px 0px 0px 0px;
}
.media.service-box {
    margin: 25px 0;
}

.service-box .media-body h4 :hover{
    background-color:#e3663c;
}

.media.service-box .pull-left {
    margin-right: 2px;
}
.media.service-box .pull-left>i {
    font-size: 30px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    width: 64px;
    border-radius: 50%;
    color: #e3663a;
    box-shadow: inset 0 0 0 1px #d7d7d7;
    -webkit-box-shadow: inset 0 0 0 5px #d7d7d7;
    transition: background-color 400ms, background-color 400ms;
    position: relative;
}
.media.service-box .pull-left>i:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    right: -10px;
    border: 4px solid #fff;
    border-radius: 20px;
    background: -webkit-linear-gradient(90deg, #a2a2a2 8%, #c30000 100%);
}
.media.service-box:hover .pull-left>i {
    background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -webkit-linear-gradient(90deg, #a2a2a2 8%, #c30000 100%);
    background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    color: #fff;
    box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: inset 0 0 0 5px rgb(243, 243, 243);
}

#portfolio {
    padding: 100px 0;
    /*background: #f5f5f5;*/
}
#portfolio .portfolio-filter {
    list-style: none;
    padding: 0;
    margin: 0 0 50px;
    display: inline-block;
}
#portfolio .portfolio-filter>li {
    float: left;
    display: block;
}
#portfolio .portfolio-filter>li a {
    display: block;
    padding: 7px 15px;
    background: #e5e5e5;
    color: #64686d;
    position: relative;
}
#portfolio .portfolio-filter>li a:hover, #portfolio .portfolio-filter>li a.active {
    background: #45aed6;
    color: #fff;
    box-shadow: 0 -3px 0 0 #318daf inset;
    -webkit-box-shadow: 0 -3px 0 0 #318daf inset;
}
#portfolio .portfolio-filter>li a.active:after {
    content: " ";
    position: absolute;
    bottom: -17px;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: #318daf transparent transparent transparent;
}
#portfolio .portfolio-filter>li:first-child a {
    border-radius: 4px 0 0 4px;
}
#portfolio .portfolio-filter>li:last-child a {
    border-radius: 0 4px 4px 0;
}
#portfolio .portfolio-items {
    margin: -15px;
}
#portfolio .portfolio-item {
    width: 24.9%;
    float: left;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#portfolio .portfolio-item .portfolio-item-inner {
    position: relative;
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info {
    opacity: 0;
    transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info h3 {
    font-size: 16px;
    line-height: 1;
    margin: 0;
    color: #fff;
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info .preview {
    position: absolute;
    top: -18px;
    right: 12px;
    border-radius: 50%;
    background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    box-shadow: 0 0 0 2px #fff;
    -webkit-box-shadow: 0 0 0 2px #fff;
}
#portfolio .portfolio-item:hover .portfolio-info {
    opacity: 1;
}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

/*#testimonial {
   /* background: #333333 url(../images/testimonial/bg.jpg) no-repeat 0 0;*/
  /*  background-size: cover;
    padding: 50px 0;
    color: #fff;
	background-color: #cecece;
}
#testimonial h4 {
    color: #fff;
    margin-bottom: 0;
}
#testimonial small {
    display: block;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.7);
}
#testimonial .btns {
    margin-top: 10px;
}*/

#about {
    padding: 100px 0;
	
}
#work-process {
    padding: 100px 0 50px;
   /* background: #20222e url(../images/workflow.jpg) no-repeat 0 0;*/
    background-size: cover;
    color: #fff;
	background-attachment: fixed;
	background-color: #3a3a3a;
}
#work-process h2 {
    color: #fff;
}
#work-process h3 {
    color: #fff;
    margin-bottom: 0;
}
#work-process .icon-circle {
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
	background-color: #e3673b;
    border: 2px solid #ffffff;
    border-radius: 100px;
    position: relative;
}

#work-process .icon-circle>span {
    border-style: solid;
    border-width: 2px;
    border-color: #fff;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 20px;
    top: -12px;
    color: #64686d;
}
#work-process h3 {
    margin-bottom: 50px;
}

#work-process .icon-circle:hover {
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
   border: 2px solid #e3673b;
    border-radius: 100px;
    position: relative;
	 background-color: transparent;
}
#work-process .icon-circle>span:hover {
    border-style: solid;
    border-width: 2px;
    border-color: #e3673b;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 20px;
    top: -12px;
    color: #64686d;
}


/*#meet-team {
    padding: 100px 0;
}
#meet-team .team-member {
    padding: 13px;
    background: #eeeeee;
    border: 2px solid #eeeeee;
    transition: border-color 400ms;
    -webkit-transition: border-color 400ms;
}
#meet-team .team-member .team-img {
    margin: -15px -15px 0 -15px;
}
#meet-team .team-member .team-info {
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 10px;
}
#meet-team .team-member:hover {
    border-color: #45aed6;
}
#meet-team .team-member:hover .social-icons>li>a {
    background: #45aed6;
}
#meet-team .social-icons {
    list-style: none;
    padding: 0;
    margin: 0;
}
#meet-team .social-icons>li {
    display: inline-block;
}
#meet-team .social-icons>li>a {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background: #222534;
    border-radius: 3px;
}*/
.divider {
    margin-top: 50px;
    margin-bottom: 50px;
    background-image: -moz-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
    background-image: -webkit-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
    background-image: -ms-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
    width: 95%;
    height: 1px;
}
.progress {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #eeeeee;
}
.progress .progress-bar.progress-bar-primary {
    background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.nav.main-tab {
    background: #eee;
    border-bottom: 3px solid #222534;
    border-radius: 3px 3px 0 0;
}
.nav.main-tab>li>a {
    color: #272727;
}
.nav.main-tab>li.active>a {
    background: #222534;
    color: #45aed6;
}
.nav.main-tab>li:first-child>a {
    border-radius: 3px 0 0 0;
}
.nav.main-tab>li:last-child>a {
    border-radius: 0 3px 0 0;
}
.tab-content {
    border: 1px solid #eee;
    border-top: 0;
    padding: 20px 20px 10px;
    border-radius: 0 0 3px 3px;
}
.panel-default {
    border-color: #eee;
}
.panel-default>.panel-heading {
    background-color: #fff;
    border-color: #eee;
}
.panel-default>.panel-heading .panel-title {
    font-size: 14px;
    font-weight: normal;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #eee;
}
#animated-number {
    padding: 100px 0 70px;
    background: #132125 url(../images/animated-number/bg.jpg) no-repeat 0 0;
    background-size: cover;
    color: #fff;
}
#animated-number h1, #animated-number h2, #animated-number h3, #animated-number h4 {
    color: #fff;
}
#animated-number strong {
    display: block;
    margin-bottom: 30px;
}
.animated-number {
    display: inline-block;
    width: 140px;
    height: 140px;
    font-size: 24px;
    line-height: 140px;
    border: 3px solid #fff;
    border-radius: 100px;
    margin-bottom: 20px;
}
#pricing {
    padding: 100px 0 70px;
}
#pricing ul.pricing {
    list-style: none;
    padding: 0;
    margin: 70px 0 30px;
    border: 1px solid #eee;
    border-radius: 5px 5px 4px 4px;
    padding: 15px;
    text-align: center;
}
#pricing ul.pricing li {
    display: block;
    padding: 10px;
}
#pricing ul.pricing li.plan-header {
    background: #eee;
    border-radius: 4px 4px 0 0;
    margin: -15px -15px 10px;
    padding: 15px 15px 30px;
    border: 0;
}
#pricing ul.pricing li.plan-header .price-duration {
    position: relative;
    margin-top: -63px;
    top: -10px;
    display: inline-block;
    width: 116px;
    height: 116px;
    background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    color: #fff;
    border-radius: 100px;
    border: 5px solid #f6f6f6;
}
#pricing ul.pricing li.plan-header .price-duration>span {
    display: block;
    line-height: 1;
}
#pricing ul.pricing li.plan-header .price-duration>span.price {
    font-size: 24px;
    font-weight: 700;
    margin-top: 35px;
}
#pricing ul.pricing li.plan-header .price-duration>span.duration {
    margin-top: 5px;
}
#pricing ul.pricing li.plan-header .plan-name {
    margin-top: 10px;
    font-size: 24px;
    color: #272727;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}
#pricing ul.pricing.featured {
    background: #222534;
    color: #fff;
    border: 0;
}
#pricing ul.pricing.featured li.plan-header {
    background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
}
#pricing ul.pricing.featured li.plan-header .plan-name {
    color: #fff;
}
#get-in-touch {
    padding: 100px 0 50px;
    background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    color: #fff;
}
#get-in-touch h1, #get-in-touch h2 {
    color: #fff;
}
#blog {
    padding: 100px 0;
}
#blog .blog-post {
    border: 1px solid #eee;
    padding: 15px;
}
#blog .blog-post .post-format {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    background: #222534;
    border: 3px solid #fff;
    border-radius: 100px;
}
#blog .blog-post.blog-large .entry-thumbnail {
    margin: -15px -15px 15px;
    position: relative;
}
#blog .blog-post.blog-large .post-format {
    width: 66px;
    height: 66px;
    line-height: 60px;
    position: absolute;
    right: 20px;
    bottom: -33px;
}
#blog .blog-post.blog-large .post-format>i {
    font-size: 20px;
}
#blog .blog-post.blog-large .entry-date {
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #45aed6;
}
#blog .blog-post.blog-large .entry-title {
    margin-top: 0;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 15px;
}
#blog .blog-post.blog-large .entry-title a {
    color: #64686d;
}
#blog .blog-post.blog-large .entry-title a:hover {
    color: #45aed6;
}
#blog .blog-post.blog-media {
    margin-bottom: 30px;
}
#blog .blog-post.blog-media .entry-thumbnail {
    margin: -15px 15px -15px -15px;
    position: relative;
}
#blog .blog-post.blog-media .post-format {
    position: absolute;
    top: 20px;
    right: -10px;
}
#blog .blog-post.blog-media .entry-date {
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #45aed6;
}
#blog .blog-post.blog-media .entry-title {
    margin-top: 0;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 15px;
}
#blog .blog-post.blog-media .entry-title a {
    color: #64686d;
}
#blog .blog-post.blog-media .entry-title a:hover {
    color: #45aed6;
}
#blog .blog-post .entry-meta {
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 15px;
}
#blog .blog-post .entry-meta>span {
    display: inline-block;
    margin-right: 10px;
    color: #999;
}
#blog .blog-post .entry-meta>span>a {
    color: #999;
}
#blog .blog-post .entry-meta>span>a:hover {
    color: #45aed6;
}
#contact {
    position: relative;
    overflow: hidden;
}
#contact .container-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(69, 174, 214, 0.3);
    z-index: 1;
}
#contact .contact-form {
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
    margin-top: 50px;
}
#contact .contact-form h3 {
    margin-top: 0;
}
#footer {
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff;
    background: #2e2e2e;
}
#footer a {
    color: #fff;
}
#footer a:hover {
    color: #45aed6;
}
#footer ul {
    list-style: none;
    padding: 0;
    margin: 0 -7.5px;
}
#footer ul>li {
    display: inline-block;
    margin: 0 7.5px;
}
@media only screen and (min-width: 768px)  {
    #footer .social-icons {
    float: right;
}
}
.form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
}


/*------------------------------------------*/
/*	     02 - Header & Navigation my 
/*------------------------------------------*/


.top-bar  {
    
	    background-color: #F7F7F7;
}


.top-bar a  {
  
	color:  #aaa;
    
}

.top-bar .contact-details  {
    
    //border-left:  1px solid #f2f2f2;
    
    //padding-top:  8px;
    
}
.top-bar .contact-details li  {
    
	display:  inline-block;
    
    padding:  5px 15px;
    
    //font-size:  18px;
    
	line-height:  32px;
   
}

.top-bar .contact-details li: last-child  {
    
    border-right:  1px solid #f2f2f2;
	
    
}

.top-bar .contact-details li a: before  {
    
	color:  #aaa;
    
}

.top-bar .contact-details li: first-child a:before  {
    
	display:  none;
    
}

.top-bar .contact-details li a  {
    
	font-size:  14px;
    
    letter-spacing:  1px;
    
	display:  block;
    
	line-height:  32px;
	    
    
}


/* Top Bar Social */

ul.social-list li  {
    
    float:  right;
    /*border-left:  1px solid #032c56;*/
    list-style:  none;
	border-radius: 50px;
		
    
}

ul.social-list li a  {
    
    display:  inline-block;
    
    transition:  background 0.3s;
    
    -webkit-transition:  background 0.3s;
    
    -moz-transition:  background 0.3s;
    
    -o-transition:  background 0.3s;
	border-radius: 50px;
    
}

ul.social-list li: first-child  {
    
    border-right:  1px solid #f2f2f2;
    
}

ul.social-list li a:hover {
    
    background:  #45aed6;
	border-radius: 50px;
	
    
}


ul.social-list li a i  {
    
	font-size:  14px;
    
	display:  block;
    
	width:  42px;
    
	height:  42px;
    
	line-height:  42px;
    
	text-align:  center;
    
    -webkit-transition:  all 0.3s;
    
    -moz-transition:  all 0.3s;
    
    -o-transition:  all 0.3s;
    
    transition:  all 0.3s;
    
}
 

ul.social-list li a:hover i  {
    
	-webkit-animation:  toRightFromLeft 0.3s forwards;
    
	-moz-animation:  toRightFromLeft 0.3s forwards;
    
	animation:  toRightFromLeft 0.3s forwards;
    
    color:  #fff;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}


    .top-button{
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 30px;
    display: inline-block;
    border-radius: 50px;
	height: 38px;
    width: 38px;
    padding: 2px 2px 4px 9px;
    
	}
	
	.top-button:hover{
	    background: #e3673b;
    border-color: #e3673b;
	color: #fff;
}

/**************techo *************/
.techno{
}

.techno h3:hover{
	color:#ead6d6;	
}

/*************** services hover css****************/

.service_img_hover:hover{
	
	box-shadow: 0px 0px 10px 0px rgba(13, 124, 254, 0.15);
	border-radius: 10%;
	padding: 1%;
	
}





/******************* career ****************/

.career .section_two{background:#f3f3f3;padding:60px 0 0px;}
.career .crHead{margin:0px 0px 30px;font-size:26px;font-family:gothic;text-transform:uppercase;text-align:center;letter-spacing:1px;color:#585858;}
.career .crHead span{border-bottom:3px solid #8B97A3;padding-bottom:2px;}
.cr-content{padding:0;}
.last-career{width:100%;}
.cr-content p{text-align:center;font-size:15.6px;padding:0px 50px;margin-bottom:50px;line-height:22px;}
.career_box{background:#fff;text-align:center;padding:15px 0;margin-bottom:50px;box-shadow:8px 8px 0px #e3673b;}
.career_box h1{margin:20px 0px;font-size:21px; letter-spacing:1px;text-align:center;color:#333232;}
.career_box .btn-apply{background:#aaa;font-size:20px;border-radius:0;color:#fff;width:33%;height:34px;line-height:36px;padding:0;}

.career_box .btn-apply:hover{background:#e3673b;color:#fff;box-shadow:0px 0px 20px #999;}
.career_box-mail{background:#21BCF4;text-align:center;padding:30px 0;margin-bottom:50px;box-shadow:8px 8px 0px #fff;}
.career_box-mail:hover, .career_box-mail:hover h1{background:#AAA;color:#fff;}
.career_box-mail h1{margin:20px 0px;font-size:24px;font-family:gothic;text-transform:uppercase;letter-spacing:1px;text-align:center;color:#333232;}
.careerApply .section_two{background-color:#F3F3F3;padding:40px 0;}
.CA-content .CAHead{margin:5px 0px;font-size:25px;font-family:gothic;text-transform:uppercase;letter-spacing:1px;color:#363656;}
.CA-subHead{font-size:20px;font-family:gothic;color:#0083D5;letter-spacing:1px;text-transform:uppercase;}
.careerApply .section_three{background-color:#fff;padding-top:30px;}
.CA-apply{padding:0px 20px;}
.CA-apply img{float:left;margin-right:20px;}
.CA-apply span{font-size:18px;font-family:gothic;margin-bottom:15px;}
.CA-content ul li{font-size:16px;margin-bottom:6px;font-family:gothic;}
.CA-content p{font-size:16px;margin-bottom:6px;font-family:gothic;}
.CA-subHead span{text-transform:none;}
.CA-applyForm{background:#F6F6F6;border-radius:4px;box-shadow:0px 0px 15px #5A5A5A;padding:30px 15px;}
.CA-content .marg-top{margin-top:30px;background:#fefefe;padding:30px 15px;box-shadow:8px 8px 0px #21BCF4;border:solid 1px #eaeaea;}
.CA-content .submit_quotes{background:transparent;color:#AB9CA8;font-size:20px;padding:5px 15px 2px;border:2px solid #21BCF4;font-family:gothic;border-radius:0px;width:100%;}
.res_upload{font-size:17px;font-weight:500;font-family:gothic;color:#999CA8;cursor:pointer;border-bottom:2px solid #399296;width:100%;}
.uploadResume .input{border:none !important;border-bottom:2px solid #21BCF4 !important;padding:0 8px !important;}
.upImg1{display:none;}
#careerEnquiry .enqContent{background:transparent;box-shadow:none;border:none;}
#careerEnquiry .enqVdth{width:400px;}
.enqHead{text-align:right;padding:0;border-bottom:none;}
#careerEnquiry .enqTitle{font-family:impact;font-weight:100;letter-spacing:5px;text-shadow:1px 1px 4px #000;color:#fff;}
#careerEnquiry h4{font-size:30px;font-family:gothic;position:relative;}
.enqBody{background:#fefefe;padding:30px 15px;box-shadow:8px 8px 0px #21BCF4;border:solid 1px #eaeaea;}
.enqFoot{padding:15px;text-align:left;border:2px solid #e5e5e5;background-color:#fff;}
.enqBody label{font-size:17px;font-weight:500;font-family:gothic;color:#999;cursor:pointer;width:100%;}
#careerEnquiry .enqline{position:absolute;bottom:-11px;width:65%;border-bottom:1px solid #FFF;box-shadow:1px 1px 4px #000;}
#careerEnquiry .enqClose{margin-top:-20px;color:#21BCF4;opacity:1;}
#careerEnquiry .submit_quotes{background:transparent;color:#AB9CA8;font-size:20px;padding:5px 15px 2px;border:2px solid #21BCF4;font-family:gothic;border-radius:0px;width:100%;}


/************ freequote**************/

	.fafa_icon{
		    font-size: 18px;
	}
	select {
    padding: 1rem 1rem;
    text-transform: capitalize;
}

.freequote {
    min-height: 20px;
    padding: 35px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px 60px;
    box-shadow: inset 0px 10px 21px rgba(6, 3, 7, 0.05);
}
.comsry{
	color:red;
}

@media screen and (max-width: 610px)
{
	.feature_section2 button {
		margin-left: 0%;
		margin-top: -33px;
	  }
	   .page_title2 {
		position: relative;
		float: left;
		width: 100%;
		padding: 19px 0px 26px;
	}
	.page_title2 .title h1
	{
		display: none;
	}
}
@media screen and (max-width: 510px)
{	
		    .feature_section2 button {
			 margin-left: 0%;
			 margin-top: -33px;
		    }
		    .page_title2 {
			position: relative;
			float: left;
			width: 100%;
			padding: 19px 0px 26px;
		}	
.page_title2 .title h1
{
	display: none;
}

}
@media screen and (max-width:768px)
{
	
	.page_title2 {
	    position: relative;
	    float: left;
	    width: 100%;
	    padding: 19px 0px 26px;
	}
}