@import url('https://fonts.googleapis.com/css?family=Cairo:400,600,700,900|PT+Sans|Poppins:300,400,500|Montserrat:400,500,700');

@font-face {
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-weight: normal;
	src: url("font/fa-brands-400.eot");
	src: url("font/fa-brands-400.eot?#iefix") format("embedded-opentype"),
		url("font/fa-brands-400.woff2") format("woff2"),
		url("font/fa-brands-400.woff") format("woff"),
		url("font/fa-brands-400.ttf") format("truetype"),
		url("font/fa-brands-400.svg#fontawesome") format("svg"); 
}


.fab {
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    display: inline-block;
}

@font-face {
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 400;
	src: url("fonts/fa-regular-400.eot");
	src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
  		url("font/fa-regular-400.woff2") format("woff2"),
  		url("font/fa-regular-400.woff") format("woff"),
  		url("font/fa-regular-400.ttf") format("truetype"),
  		url("font/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	font-style: normal;
	text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    display: inline-block;
}

@font-face {
  font-family: 'Font Awesome 5 Solid';
  font-style: normal;
  font-weight: 900;
  src: url("font/fa-solid-900.eot");
  src: url("font/fa-solid-900.eot?#iefix") format("embedded-opentype"),
  		url("font/fa-solid-900.woff2") format("woff2"),
  		url("font/fa-solid-900.woff") format("woff"),
  		url("font/fa-solid-900.ttf") format("truetype"),
  		url("font/fa-solid-900.svg#fontawesome") format("svg");
}

.fa, .fas {
	font-family: 'Font Awesome 5 Solid';
	font-weight: 900;
	font-style: normal;
	text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

  display: inline-block;
}

body {
	
  line-height: 25px;
  font-weight: 400;
  font-style: normal;
  color: #263745;
  font-size: 17px;
  margin: 0;
  background-color: #ffffff;
  text-rendering: optimizeLegibility !important;
}


body#home .container.main-container {
  width: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
body#home .container-fluid.main-container-fluid {
  padding-right: 0 !important;
  padding-left: 0 !important;

}

.section-heading {
    font-size: 34px;
    font-weight: 700;
    color: #333;
}


.top-bar {
	background-color: #008aa9;
	color: #fff;

}
.top-bar a {
	color: #ebf3f3;
}
.top-bar a:hover {
	color: #fff;
}
.top-bar-link {
    margin-left: 20px;
    letter-spacing: 1px;
}
.top-bar-link i {
    margin: 0 10px;
}
.wraper_header_top > .container {
    padding-top: 7px;
    padding-bottom: 7px;
}
.header_top_item {
	height: 30px;
	overflow: hidden;
}
.header_top_item p {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
    line-height: 22px;
    letter-spacing: initial;
    margin-bottom: 0;
}
.header_top_item ul.fa-social {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin: 0;
    padding: 0;
}
.header_top_item ul.fa-social li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.header_top_item ul.fa-social li a {
    display: block;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    color: #008aa9;
    line-height: 25px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;

    background-color: #fff;
    border: 1px solid #008aa9;
}
.header_top_item ul.fa-social li a i {
    color: #008aa9;
    transition: 0.2s ease-in-out;
}
.header_top_item ul.fa-social li a:hover {
    background-color: #008aa9;
    border: 1px solid #fff;
}
.header_top_item ul.fa-social li a:hover i {
    color: #fff;
}
.top-contact-bar {
	height: 120px;
	overflow: hidden;
}
.explore-bottom-right {
    float: right;
    width: auto;
    padding-top: 30px;
}
.explore-timing {
    float: left;
    width: auto;
    margin-right: 48px;
}
.explore-timing-left {
    width: auto;
    max-width: 55px;
}
.explore-timing-right span {
    direction: ltr;
    
}
.explore-timing-right strong {
    font-size: 15px;
    color: #09a3d5;
    display: block;
}
.explore-timing-right span {
    display: block;
    font-size: 13px;
    color: #666;
}
.explore-timing-left i {
	background-color: #f7f7f7;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	line-height: 60px;
	border: 0;
	text-align: center;
	font-size: 20px;
}

.explore-timing-left i.fa-phone-volume {
	transform: rotate(-50deg);
}
.header-explore .navbar-brand { /*.affix-top*/

	
	max-width: 335px;
	height: 112px;
	padding: 15px 15px 0 15px;
	transition: none;
	background-size: contain;
	transition: 0.2s ease-in-out;
	
}
.topmenu {
    
}


/**************/

header#header {

    /*width: 100vw;*/
    /*width: 100vw;*/
    /*min-height: 720px;
    height: 100vh;
    */
	
    /*
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	*/
}


.header-shadow {
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    width: 100%;
    transition: ease-in-out 0.7s;
    position: absolute;
    top: 0;
    left: 0;
}

.header-shadow:hover {
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 100%;
}




.header-container {

    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    /*transform: translateY(-4.1rem);*/
	min-height: 60px;
    position: absolute ;
    bottom: 1%;
    left: 0;
    right: 0;

}
.btn-default-xl {
    color: #ffffff;
	background-color: #008aa9;
	padding: 15px 35px;
	font-size: 18px;
	font-weight: 700;
	line-height: 27px;
	border: 1px solid #008aa9;
	text-align: center;
	transition: 0.4s;
	margin-top: 20px;
	text-transform: uppercase;
}
.btn-default-xl:hover,
.btn-default-xl:focus {
	
	border: 1px solid #00b5ff;
    background-color: #00b5ff;
    color: #ffffff;

    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

.btn-default-inverse-xl {

	border: 1px solid #163651;
    background-color: #163651;
    color: #ffffff;

    
    
    padding: 20px 30px;
    font-size: 18px;
    line-height: 25px;
    border-radius: 35px;
    
    text-align: center;
    /*-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	
	text-shadow: 2px 2px 2px black;*/
    font-weight: 300;
    transition: 0.4s;
}
.btn-default-inverse-lg {

	border: 2px solid #30c5ff;
    background-color: transparent;
    color: #30c5ff;
    font-size: 16px;
    line-height: 25px;
    border-radius: 0;
    text-align: center;
    font-weight: 600;
    transition: 0.4s;
    padding: 15px 20px;
}
.btn-default-inverse-lg i::before {
  padding: 0 4px;
}
.btn-default-inverse-xl:hover,
.btn-default-inverse-xl:focus,
.btn-default-inverse-lg:hover,
.btn-default-inverse-lg:focus {

    color: #fff;
    border: 2px solid #30c5ff;
    background-color: #0cacee;
    /*text-shadow: 2px 2px 2px rgba(0,0,0,0.1);*/
}

.btn-inverted {

	border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    border-radius: 0;
    text-align: center;
    font-weight: 600;
    transition: 0.4s;
    padding: 10px 15px;
}
.btn-inverted:hover,
.btn-inverted:focus {

    color: #000;
    border: 2px solid #000;
    /*text-shadow: 2px 2px 2px rgba(0,0,0,0.1);*/
}

.btn-default-inverse-sm {

	border: 1px solid #30c5ff;
    background-color: #fff;
    color: #30c5ff;

    padding: 5px 15px;
    font-size: 15px;
    line-height: 20px;
    border-radius: 35px;
    
    text-align: center;
    /*-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	
	text-shadow: 2px 2px 2px black;*/
    font-weight: 300;
    transition: 0.4s;
}

.btn-default-inverse-sm:hover {

	border: 1px solid #fff;
    background-color: #30c5ff;
    color: #fff;
}
/***********************************************************************/
.standard-section {

	padding-top: 80px;
	padding-bottom: 40px;	

}
.standard-section-sm {

	padding-top: 10px;
	padding-bottom: 40px;	

}
.parallax-section {
    /* Set a specific height */
    height: 75vh;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.section-one-bg {

	background-image: url(../img_one_parallax.jpg);
}
.section-three-bg {
	background-image: url(../img_three_parallax.jpg);
}

.section-two-bg {

	height: 75vh;
	background-image: url('../img_two_static.jpg');
	background-repeat: no-repeat;
	background-position: right center;
	background-size:auto 100%;
	/*background-size: 62% auto;*/

	overflow: hidden;
}
.section-two-bg-ar {

	height: 75vh;
	background-image: url('../img_two_static_ar.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size:auto 100%;

	overflow: hidden;
}


.section-two-bg h1, .section-two-bg-ar h1 {
	font-size: 50px;
	font-weight: 400;
}
.text-semi-bold {
	font-weight: 600;
}
.section-three-bg h1 {
	font-size: 50px;
	font-weight: 400;
	color: white;
	text-shadow: 2px 2px 2px black;
}
.white-skew-bg {
	background-color: white;
	/*-ms-transform: skewX(-45deg);  IE 9 
    -webkit-transform: skewX(-45deg);  Safari */
    transform: skewX(-15deg);
    height: 76vh;
}
.text-skew-inverse {
	transform: skewX(15deg);
	padding-right: 50px;
}

.white-skew-bg-ar {
	background-color: white;
	/*-ms-transform: skewX(-45deg);  IE 9 
    -webkit-transform: skewX(-45deg);  Safari */
    transform: skewX(15deg);
    height: 76vh;
}
.text-skew-inverse-ar {
	transform: skewX(-15deg);
	padding-left: 50px;
}
.standard-text {
	font-size: 34px;
	line-height: 1.4;
	color: black;

}
.smaller-text {

	font-size: 27px;
	line-height: 1.3;
	
}
.smaller-text-ar {

	font-size: 24px;
	line-height: 1.5;
	
}
.text-justify-new {
	text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
	/*width: 100%;*/
}
.standard-text-white {

	font-size: 36px;
	line-height: 1.4;
	color: white;
	text-shadow: 2px 2px 2px black;
}

/****************  Counter section  **************/
.counter-block {
    padding: 4em 0;
    background-color: #fff;
    background-attachment: fixed;
    position: relative;
}
.counter-block .counterbg {

    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.6));
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

}
.ttm-fid-inner {
	margin: 0;
}
.counter-block .numscroller, .counter-block .plus-addon {
    /*color: #fff;
	font-weight: 700;
	font-size: 30px;
	display: inline-block;
	margin-bottom: 7px;*/
	font-size: 32px;
	line-height: 38px;
	font-weight: 600;
	color: #232323;	
	margin: 0;
	padding: 0;
}
.counter-block i.fa {
    font-size: 2em;
    color: #d2d2d2;
    display: block;
    text-align: center;
    text-shadow: 2px 2px 5px black;
}
.counter-block h6 {

    color: #0cacee;
	display: block;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}
.counter-block h3 {
    /*font-size: 28px;
    color: #333;
    line-height: normal;
    font-weight: 700;
    margin-top: 0;
    padding-top: 0;*/
}
.counter-block p {
    text-align: justify;
    text-justify: distribute;
}
.counter-block h3 span.txt-theme {
    color: #0cacee !important;
}
.counter-comunity {
    height: 142px;
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    
}
.counter-comunity::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: rgba(0,0,0,0.70);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.comunity-up {
    position: relative;
    float: left;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

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

}
.counter-comunity.counterbg01 {
	background-image: url("../counterbg01.png");
}
.counter-comunity.counterbg02 {
	background-image: url("../counterbg02.png");
}
.counter-comunity.counterbg03 {
	background-image: url("../counterbg03.png");
}
.counter-comunity.counterbg04 {
	background-image: url("../counterbg04.png");
}
.btn:not(#SubmitNewsletter) {

	/*min-width: 166px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border: 0;
    position: relative;
    padding: 0 20px;
    border-radius: 4px;
	text-transform: uppercase;*/

}
.btn-info {
	background-color: #0cacee;
	color: #ffffff;
}
.btn-black {
	background-color: #121212;
	color: #ffffff;
}
.btn-black:hover, .btn-black:focus {
	background-color: #0cacee;
	color: #ffffff;
}
/********  Why us Are sction  **********/ 

.whyus-block {

	padding: 3em 0;
	background-color: #30c5ff;
}

.whyus-block img.img-responsive {
	margin-bottom: 20px;
	border-radius: 2px;
}
.whyus-block h1 {
    font-size: 30px;
    color: #000;
    text-transform: uppercase;
	line-height: 40px;
	margin-top: 0;
	padding-top: 0;
	font-weight: 600;
}
.whyus-block p {
    font-size: 18px;
    color: #fff;
	line-height: 25px;
	margin-top: 0;
	padding-top: 10px;
	font-weight: 400;
	text-align: justify;
}
.g-choice-list {
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 50px 0 0 0;
}
.choice-list-left {
    width: auto;
    max-width: 46px;
    text-align: right;
}


.g-choice-inner {
	color: #bbb;
	font-weight: 400;
	font-size: 14px;
	text-align: justify;
	text-justify: distribute;
}
.choice-list-right h5 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
}
.choice-list-right p {
    margin: 11px 0 0 0;
    color: #bbb;
    text-align: justify;
	text-justify: distribute !important;
    text-align-last: start;
}
/*********** Service blocks **********************/
section.service-block {
    padding-top: 2em;
    padding-bottom: 4em;

    background-color: white;
}
section.service-block .h1 {
    font-weight: 300;
    margin-bottom: 1em;
    display: block;
}
.col-service {
    margin-bottom: 30px;

}
.page .bg-shark {
    background: #2a2a30;
    fill: #2a2a30;
}
.justify-content-sm-center {
    justify-content: center !important;
}
.thumbnail-terry { 
    overflow: hidden;
    position: relative;
    display: block;

    border-radius: 10px;
}
.thumbnail-terry > a { 
    display: block;
    height: 100%;
}
.thumbnail-terry > a::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 0;
    background: #000;
    opacity: 0;
    transition: 0.35s all ease;
    z-index: 2;
}
.thumbnail-terry img { 
    width: 100%;
    height: auto;
    transition: .35s;
    will-change: transform;
}
.thumbnail-terry figcaption {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 25px 0 0;
    background: transparent;
    -webkit-transform: translateY(45px);
    transform: translateY(45px);

    width: 100%;
    text-transform: none;
    vertical-align: middle;

    backface-visibility: hidden;
    border-radius: 0;
    transition: 0.35s all ease;
    will-change: transform;
}
.thumbnail-terry figcaption .figcaption-caption {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 25px;
}
.thumbnail-terry figcaption .figcaption-caption h4 {
    color: #fff;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 23px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
}
.thumbnail-terry .thumbnail-terry-btn-wrap {
    position: relative;
    width: 100%;
    transition: .3s all ease;
    text-align: right !important;
}
.thumbnail-terry .thumbnail-terry-btn-wrap::before {
    content: '';
    position: absolute;
    bottom: -59px;
    left: -10px;
    width: 2000px;
    height: 600%;
    background: #337ab7;
    opacity: 0;
    transform: translateY(65%);
    transition: .3s all ease;
}

.thumbnail-terry .btn.btn-thumbnail-terry.btn-primary {
    background: transparent;
    border-color: transparent;
}
.btn-thumbnail-terry {
    
    position: relative;
    top: 17px;
    right: -15px;

    margin-bottom: 23px;
    margin-right: 21px;
    padding: 0;

    opacity: 0;
    -webkit-transform: translateY(100%) scale(0.8);
    transform: translateY(100%) scale(0.8);
}

.btn-thumbnail-terry i {
    float: right;
    padding-left: 10px;
    font-size: 20px;
    line-height: 22px;
    vertical-align: middle;
    transition: 0s;
}
/*** hover effect ****/
.thumbnail-terry:hover a::before, .thumbnail-terry:focus a::before {
    opacity: 0.25;
}
.thumbnail-terry:hover figcaption, .thumbnail-terry:focus figcaption {
    opacity: 1;
    -webkit-transform: translateY(-10%) scale(1);
    transform: translateY(-10%) scale(1);
}
.thumbnail-terry:hover .thumbnail-terry-btn-wrap, .thumbnail-terry:focus .thumbnail-terry-btn-wrap {
    transform: translateY(30%); 
}
.thumbnail-terry:hover .btn, .thumbnail-terry:focus .btn {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
}

.thumbnail-terry:hover .thumbnail-terry-btn-wrap::before, .thumbnail-terry:focus .thumbnail-terry-btn-wrap::before {
    opacity: 1;
    transform: rotate(-12.3deg);
}
/****** Clients block *******/
.client-section {
    overflow: hidden;
}
.client-section .owl-carousel .owl-thumbnail a img {
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
    margin: 10px;
    transition: 0.5s ease-in-out;
} 
.client-section .owl-carousel .owl-thumbnail a:hover img {
    -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.6);
    box-shadow: 0 0 9px 0 rgba(0,0,0,0.6);
    margin: 10px;
    transition: 0.5s ease-in-out;
} 
.client-section .owl-carousel .owl-thumbnail img.img-rounded {
    border-radius: 0;
}
/*************************************************/
@media (min-width: 992px) and (max-width: 1199px) {
	#vision .standard-text-white {
		font-size: 34px;
		line-height: 1.2;
	}
	.d-flex {
		display: flex;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	

	.top-contact-bar {
	    height: 100px;
	    overflow: hidden;
	}

	.header-explore .navbar-brand { /*.affix-top*/
		max-width: 265px;
		height: 95px;
		padding: 10px 0 0 0;
		transition: none;
		background-size: contain;
		transition: 0.2s ease-in-out;
		
	}
	.explore-bottom-right {
	    float: right;
	    width: auto;
	    padding-top: 20px;
	}
	.explore-timing {
	    margin-right: 10px;
	}
	.explore-timing-right {
	    margin-left: 60px;
	}
	#vision .standard-text-white {
		font-size: 32px;
		line-height: 1.2;
	}

	.section-two-bg {
		height: 60vh;
		background-size:80% 100%;
	}
	.section-two-bg-ar {
		height: 60vh;
		background-size:80% 100%;
	}
	.section-two-bg .standard-section, .section-two-bg-ar .standard-section {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	.white-skew-bg-ar, .white-skew-bg {
		height: 60vh;
	}
	.smaller-text {
	    font-size: 24px;
	    line-height: 1.2;
	}
}
@media (max-width: 767px) {


	.counter-block {
    	padding: 3em 0 2em;
	}
    .thumbnail-terry::before {
        display: none !important;
    }
	
	.top-contact-bar {
		height: auto;
	}
	.header-explore .navbar-brand { /*.affix-top*/
		max-width: 225px;
		height: 80px;
		padding: 10px 15px;
		transition: none;
		background-size: contain;
		transition: 0.2s ease-in-out;
		float: none;
		overflow: hidden;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}	
    
    .carousel-caption2 {
        text-align: center;
    }
    .carousel-caption2 .btn:not(#SubmitNewsletter) {
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        margin-right: auto;
        margin-left: auto;
        float: none !important;
        font-size: 13px;
    }

	.explore-bottom-right {
		padding-top: 10px;
		padding-bottom: 20px;
		float: none;
		overflow: hidden;
	}
	.header-explore .explore-timing {
	    float: left;
	    width: 50%;
	    margin-right: 0;
	    text-align: center;
	}
	.explore-timing .explore-timing-left {
	    display: inline-block;
	    float: none;
	    width: auto;
	}
	.explore-timing .explore-timing-right {
	    display: inline-block;
	    margin-left: 0;
        margin-right: 0;
	    text-align: center;
	    width: 100%;
	}
    
    .client-section .owl-carousel .owl-thumbnail a img {
        margin: 5px;
    }


}
/************ About block *************************/

.sort-info, .personal-detail {
    margin-top: 30px;
}

.sort-info ul, .personal-detail ul {
    list-style: none;
    padding: 0;
}
.sort-info li {

	margin-bottom: 10px;
	display: block;
}
.sort-info ul li::before {
    content: "\f00c";
    font-family: fontawesome;
    color: #9f8a3f;
}
.personal-detail li {
    color: #333;
    font-size: 16px;
    margin-bottom: 15px;
    border-bottom: 1px solid #EEE;
    padding: 5px 0;
}

.sort-info a.btn i {
    margin-right: 7px;
}
.sort-info a.btn-default {
    border-color: #9f8a3f;
    color: #333;
}
.sort-info a.btn-default:hover, .sort-info a.btn-default:focus {
    color: white;
}
/*************************************************/

/***************** Bottom and Contactus *********/
#contact input, #contact textarea {

	border-radius: 0;
	
}
#contact i {

	margin-left: 5px;
	margin-right: 5px;
}
.scroll-top-wrapper {

	 overflow:hidden;
	 text-align:center;
	 width:50px;

	 position:fixed;
	 opacity:0;
	 visibility:hidden;
	 z-index:99;
	 color:#fff;
	 height:50px;
	 line-height:50px;
	 /*right:20px;*/
	 bottom:40px;

	 -webkit-transition:all 1s ease;
	 -moz-transition:all 1s ease;
	 -ms-transition:all 1s ease;
	 -o-transition:all 1s ease;
	 transition:all 1s ease;

	background-color: transparent;

	border: 1px solid #0cacee;

}
.scroll-top-wrapper i.fa {
    line-height: 32px;
    font-size: 20px;
    color: #0cacee;

    -webkit-transition:all 1s ease;
     -moz-transition:all 1s ease;
     -ms-transition:all 1s ease;
     -o-transition:all 1s ease;
     transition:all 1s ease;
}
.scroll-top-wrapper:hover i.fa, .scroll-top-wrapper:focus i.fa {
    color: #00A5DF;


}
.scroll-top-wrapper:hover, .scroll-top-wrapper:focus {
 	border-color: #00A5DF;
 	color: #00A5DF;
}
.scroll-top-wrapper.show {
	 visibility:visible;
	 cursor:pointer;
	 opacity:1
}

.form-group-upload {
    border: 1px solid #cccccc;
    border-radius: 3px;
}
.upload-block {
    
}
.upload-control {
        padding: 2px;
}
@media (min-width: 768px) {
    .upload-block {
        display: table;
        padding-left: 5px;
        padding-right: 5px; 
    }
    .upload-control {
        max-width: 250px;
        display: table-cell !important;
        white-space: nowrap;
        
    }
}
@media (max-width: 767px) {
    .upload-control {
        overflow: hidden;
        
        max-width: 100%;
    }
    .prevent-excced-width {
        max-width: 100%;
        overflow: hidden;
    }
}
/************************************************/



td {
    font-size: 16px;
}

Body.PopBody {
    background-color: white;
    margin: 0;
    padding: 5px;
    background-image: none;
}

a {
    color: #565656;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

a:hover,
a:focus {
    color: #323232;
    text-decoration: none;
}

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

.topmenu.navbar {
    /*min-height: 120px;
    width: 100%;
    z-index: 99;
    border-bottom: 1px solid #e9c37c;
    
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);*/
	
    /*top: 0px !important;*/

    background-color: #fff;
	min-height: 100px;
	margin-bottom: 0;
    border: 0;
    z-index: 100;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
}
.is-sticky .topmenu.navbar {

	box-shadow: 0px 0px 20px rgba(0,0,0,0.3);

}

/*.topmenu.navbar.affix .navbar-brand {

	opacity: 0.8;
	filter:Alpha(Opacity=80);
	background: url('../logo.jpg') no-repeat;
	width: 114px;
	height: 45px;
	margin: 10px 0 0 10px;
	padding: 0;
	transition: 0.4s ease-in;
}*/




.topmenu .navbar-toggle {
    float: left;
    margin-left: 10px;
}

.topmenu .logo-main {
    /*width:18%;*/
    padding-top: 5px;
}

.side-logo-main {
    overflow: hidden;
    display: block;
}

.side-logo-main img {

    display: block;
    padding: 10px;
    width: 188px;
}

.topmenu .menu-container {

}


.top-contact a {
	
	
	display: inline-block;
	line-height: 23px;
	color: #ffffff;
	transition: 0.2s ease-in-out;
	font-size: 14px;
  	font-weight: 300;
  

}
.header-data-social ul {
  display: inline-block;
  margin-right: 30px;
}
.top-contact a:hover, .top-contact a:focus {
	color: white;
}
.top-contact i {

  width: 15px;
  margin-right: 5px;
  margin-left: 5px;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  transition: 0.2s ease-in-out;
}
.top-contact a:hover i {
  color: #ffffff;
}

.header-carousel, #carousel-original, .carousel-inner, .carousel-inner .item {
    height: calc(100vh - 135px );
    /*width: 100vw;*/
}
.background-video {
    /*position: fixed;
    right: 0;
    bottom: 0;*/
    min-width: 100%;
    min-height: 100%;
}

.carousel-bg {
	
	background: rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;

	position: absolute;
	top: 0;
	left: 0;
	
}
.header-carousel .carousel-inner > .item > img {
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
}
.carousel-control.left, .carousel-control.right {

    background-image: none;
}
.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {

    height: 44px;
    width: 44px;
    color: white;
    font-weight: bolder;
    text-shadow: 2px 2px 2px black;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    width: 45px;
    height: 45px;
    line-height: 43px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.carousel-caption2 {
    
    position: absolute;
    /*width: 60%;*/
    /*min-height: 62%;*/
    left: 20%;
    right: 20%;
    top: 9%;
    vertical-align: middle;
    z-index: 1;
    border-radius: 0;
    overflow: hidden;
    padding: 30px 45px;
    text-align: center;
}

.carousel-caption2 h5 {
    font-size: 22px;
	white-space: nowrap;
	line-height: 36px;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
}
.carousel-caption2 h3 {
    color: #ffffff;
    text-transform: capitalize;
    width: 100%;
    /*white-space: nowrap;*/
    
    line-height: 67px;
    font-weight: 600;
    margin: 9px 0px 20px;

    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
}

.carousel-caption2 h3 span {
	color: #0cacee;
}
.carousel-caption2 p {
	font-size: 24px;
	line-height: 36px;
	font-weight: 400;
	color:#ffffff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
}

.carousel-caption2 h3.small-font-title {
    font-size: 40px;
}

.caption-hr {

    z-index: 10;
    background-color: rgb(12, 172, 238);
    font-weight: 400;
    font-size: 14px;
    white-space: nowrap;
    min-height: 3px;
    min-width: 50px;
    max-height: 3px;
    max-width: 50px;
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    transform-origin: 50% 50% 0px;

}


.topmenu .navbar-nav > li > a {
    line-height: 25px;
    color: #2c343b;
}
.topmenu .navbar-nav > li > a::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #0cacee;
    content: "";
    webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.topmenu .navbar-nav > li > a:hover, .topmenu .navbar-nav > li > a:focus {
    color: #000;
}
.topmenu .navbar-nav > li > a:hover::before {
    width: 100%;
}

.topmenu .navbar-nav > li.active-link > a {
    color: #000;
}
.topmenu .navbar-nav > li.active-link > a::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #0cacee;
    content: "";
    webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

/******* sidebar-nav *****************/

.topmenu .sidebar-nav {
    padding: 10px 10px 20px 10px;
}

.topmenu .sidebar-nav li a {
    font-size: 16px;
}


/**********************/

.top-section {
    background-color: white;
}

.SearchBlock {}

#Logo {
    text-align: center;
}

#Logo img {
    border: 0;
    max-width: 400px;
}
.special-font-text {
    color: #4075a7;
    vertical-align: text-top;
}

.text-white {
    color: white;
}
.text-white a {
    color: white;
}
.text-white a:hover {
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.topmenu.navbar .navbar-brand { /*.affix-top*/

	
	max-width: 201px;
	height: 85px;
	margin: 0;
	padding: 0;
	transition: none;
	background-size: contain;
	transition: 0.2s ease-in-out;
	
}
/*
.topmenu.navbar.affix .navbar-brand {

	width: 55px;
	margin: 5px 0 0 0;
	padding: 0;
	background-size: contain;
	transition: 0.3s ease-in-out;
	height: 65px;

}
*/

.topmenu.navbar .navbar-brand img {
    max-height: 100%;
    /*transition: 0.3s ease-in-out;*/
}

.topmenu.navbar #collapsemenu > ul > li.dropdown > a i.arrow {

    
    transition: all 0.2s ease;
    display: inline-block;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    line-height: 12px;
    height: 17px;

    margin-left: 3px;
    margin-right: 3px;
    vertical-align: middle;
    padding-left: 0 !important;
    padding-right: 0 !important;

}
.nationalinstitute {
    background-color: #fff;
    border: 1px solid transparent;
    display: block;
    height: 66px;
    overflow: hidden;
    border-radius: 5px;
    margin: 1px;
}
.nationalinstitute span, .nationalinstitute img {
    display: inline-block;
}
.nationalinstitute span {
    padding: 10px;
    color: #006600;
    font-weight: 500;
}
.nationalinstitute img {
    width: 65px;
    height: 65px;
    padding: 1px;
}
@media (max-width: 767px) {

    .topmenu.navbar #collapsemenu > ul > li.dropdown > a i.arrow {
        vertical-align: text-top !important;
        margin-top: 0px !important;
        font-size: 26px;
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .topmenu .navbar-nav > li > a::before {
    	display: none;
    }


}

.topmenu.navbar #collapsemenu > ul > li.dropdown > a i.arrow::after {

    content: "\f078";
    font-family: 'Font Awesome 5 Solid';
    font-style: normal;
    font-size: 60%;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.topmenu.navbar #collapsemenu > ul > li.dropdown > a.open i.arrow, .topmenu.navbar #collapsemenu > ul > li.dropdown.on > a i.arrow {
    transform: rotateZ(-180deg);
    -webkit-transform: rotateZ(-180deg);
}
/****************************************/
/********* highlights ***********/
.highlight-block {
	margin-bottom: 40px;
	

}

.highlights {
	margin-top: -105px;
}
.highlight-blog {
	height: 165px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	text-align: center;
	position: relative;

	
}
.highlight-blog:nth-child(1), .highlight-blog:nth-child(2), .highlight-blog:nth-child(3) {
	border-top: 20px solid #fff;
	
}

.highlight-up {

    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: auto;
    
    
    color: #ffffff;

}
.highlight-blog::before {

    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    content: "";
    background: rgba(0,0,0,0.80);
    width: 100%;
}
.make-bg01 {
	background-image: url('../g-img1.png');
}
.make-bg02 {
	background-image: url('../g-img2.png');
}
.make-bg03 {
	background-image: url('../g-img3.png');
}
.highlight-up img {
    position: absolute;
    
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

}
.highlight-up strong {

    color: #fff;
    font-weight: 700;
    display: block;

}
.highlight-up span {

    font-size: 12px;
    color: #0cacee;
    display: block;
}

#collapsemenu ul.navbar-nav > li > ul.dropdown-menu > li > a {
    color: #ffffff;
	white-space: nowrap;

    position: relative;
	display: block;
	width: auto;
	height: auto;
	padding: 8px 15px 8px 15px;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 12px;
	line-height: 25px;
	cursor: pointer;
	transition: all 0.3s ease-in-out !important;
	-webkit-transition: all 0.3s ease-in-out !important;
}

#collapsemenu ul.navbar-nav > li > ul.dropdown-menu > li > a:hover, #collapsemenu ul.navbar-nav > li > ul.dropdown-menu > li > a:focus {
    color: #ffffff;
    background: #313134 none repeat scroll 0 0;
}

#collapsemenu ul.navbar-nav > li > ul.dropdown-menu > li > a::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #0cacee;
    content: "";
    webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
#collapsemenu ul.navbar-nav > li > ul.dropdown-menu > li > a:hover::before {
    width: 100%;
}

/************* services blocks *****************/
.boxer-attend {
    position: relative;
    margin-bottom: 30px;

}
.boxer-attend-img {
    position: relative;
    width: 100%;
    margin-bottom: 34px;
}
.boxer-attend-img > a > img {
	border-radius: 2px;
}
.boxer-on-over {
    position: absolute;
    bottom: -25px;
    left: 50%;
    width: auto;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    max-height: 80px;
    overflow: hidden;
}
.boxer-icon-wp-inside {
    width: 108px;
    height: 108px;
    background: #0cacee;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    z-index: 9;
    position: relative;
    display: inline-block;
}
.boxer-icon-wp {
    width: 108px;
    height: 108px;
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    z-index: 8;
    position: relative;
    display: inline-block;
    bottom: -4px;
    padding-top: 15px;
}
.boxer-attend-info h4 {
    color: #444;
    font-size: 18px;
    font-weight: 700;
    text-align: center;

}
.boxer-attend p {

    text-align: justify;
    text-justify: distribute;
    text-align-last: center;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin-bottom: 30px;


}
.xs-arrow {

    display: inline-block;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    background-color: #f4f4f4;
	line-height: 45px;
}
.xs-arrow:hover, .xs-arrow:focus {
	background-color: #0cacee;
	color: #fff;
}
/******************************************/
@media (min-width: 768px) {
	

	/* trick to prevent colapsing behaviour case I set colapse to every menu link in single page design */
	.topmenu.navbar .collapsing { height:inherit !important; }

	.topmenu.navbar.affix-top {
		background-color: transparent ;
		transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
	}
	.topmenu.navbar.affix {
		background-color: #1e304b;
		transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
	}

	#collapsemenu > ul { margin-top: 20px; }
    

    .topmenu.navbar.affix-top #collapsemenu ul.navbar-nav {
		margin-top: 30px;
		transition: 0.3s ease-in-out;
	}
	.topmenu.navbar.affix #collapsemenu ul.navbar-nav {
		margin-top: 12px;
		transition: 0.3s ease-in-out;
	}
	
	#collapsemenu ul.navbar-nav > li > ul.dropdown-menu { 
        margin: 0px; 
        background-color: #1a1a1d;
        color: white;
        padding: 8px 0 8px 0;
        box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
        border-radius: 0;
        border: none;


		left: 0;
		z-index: 1;
		width: 230px;
		height: auto;
		
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
    }
    
    #collapsemenu ul.navbar-nav > li.parent-services > ul.dropdown-menu { 
        width: 290px;
    }
	/*.topmenu.navbar #collapsemenu > ul > li:not(.dropdown) > a::after {
		content: '';
		position: absolute;
		top: 100%;
		left: 50%;
		width: 0;
		height: 2px;
		margin-top: 4px;
		transition: .3s all ease;
		background: linear-gradient(90deg, #edeff0 0%, #ffffff 100%);
	}
	.topmenu.navbar #collapsemenu > ul > li:not(.dropdown):hover > a::after {
		left: 0;
		width: 100%;
	}
    
    
    #collapsemenu ul.navbar-nav > li > ul.dropdown-menu::before {
        width: 10px;
        height: 10px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid rgba(87, 168, 231, 0.7);
        display: block;
        content: "";
        margin-top: -10px;
        float: right;
        margin-right: 30px;
    }
	*/
    

    .topmenu .navbar-header {
        max-width: 200px;   
    }
}

.topmenu ul.navbar-nav {
	margin-right: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
	

    .topmenu.navbar.affix #collapsemenu ul.navbar-nav {
        margin-top: 30px;
        transition: 0.3s ease-in-out;
    }

	.topmenu ul.navbar-nav {
		margin-right: 0;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
    .topmenu .navbar-header {
        max-width: 350px;   
    }

	.topmenu.navbar .navbar-brand {
		width: 300px;
	}
	#collapsemenu > ul {
		/*margin-top: 25px;*/
	}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        width: 40px;
        height: 40px;
        line-height: 39px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.5);
    }
    .carousel-control .fa-angle-left,
    .carousel-control .fa-angle-right {

        font-size: 25px;

    }
    .carousel-caption2 {
        /*min-height: 64%;*/
        top: 18%;
        padding: 30px 50px;
    }
    .carousel-caption2 h3 {
        font-size: 28px;
        line-height: 35px;
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .carousel-caption2 h3.small-font-title {
        font-size: 23px;
    }
    .carousel-caption2 h5 {
        font-size: 20px;
    }
    .carousel-caption2 p {
        font-size: 17px;
        margin-top: 20px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    
    .topmenu.navbar {
        /*min-height: 130px;*/
    }

	.topmenu.navbar.affix-top .navbar-brand, .topmenu.navbar.affix .navbar-brand {
		width: 90px;
		height: 80px;
		margin-left: 5px;
	}
    
    .topmenu .navbar-header {
        /*max-width: 100%;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        float: none;*/
    }
    .topmenu.navbar .navbar-brand {
    	/*margin-right: auto;
        margin-left: auto;
        float: none;
        display: block;*/
    }
	.topmenu ul.navbar-nav {
		/*margin-right: auto !important;
		margin-left: auto !important;
		clear: both !important;
		margin-top: 0 !important;
		float: none !important;
		display: table;*/
	}

    .topmenu .navbar-right {
        padding-right: 10px;
    }
    .topmenu .navbar-left {
        padding-left: 10px;
    }
    .topmenu .Social {
        width: 205px !important;
    }
    .topmenu .navbar-nav > li {
        /*font-size:17px;*/
        padding-right: 8px !important;
        padding-left: 8px  !important;
    }
    .topmenu .navbar-nav > li > a {
        /*font-size:17px;*/
        padding-right: 0 !important;
        padding-left: 0  !important;
    }
    .topmenu .Social a {
        width: 27px !important;
        height: 27px !important;
        background-size: 27px !important;
    }
    
    .header-carousel, #carousel-original, .carousel-inner, .carousel-inner .item {
        height: calc(100vh - 135px );
    }
    
    .carousel-caption2 {
            
        top: 10%;
        position: absolute;
        /*width: 70%;*/
        /*min-height: 65%;*/
        /*left: 15px !important;
        bottom: 15px !important;*/
        padding:20px 30px;
    }
    
    .carousel-control .fa-chevron-left,
    .carousel-control .fa-chevron-right {
        font-size: 24px;
    }

    .carousel-caption2 h3 {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .carousel-caption2 h3.small-font-title {
        font-size: 22px;
    }
    .carousel-caption2 h5 {
        font-size: 18px;
    }
    .carousel-caption2 p {
        font-size: 17px;
        margin-top: 15px;
    }
	.highlight-up {
		padding-left: 50px;
	}
    .highlight-up strong {
	    font-weight: 500;
	    font-size: 12px;
	}
}


@media (min-width: 480px) and (max-width: 767px) {
    #NewsPage img,
    .main-container p img {
        max-width: 100% !important;
    }

    .HomeProductBlock header {
        font-size: 21px;
    }


    
}


@media (max-width: 767px) {
    
    .pull-left-xs {
        float: left !important;
    }
	.topmenu.navbar .navbar-brand {
		width: calc(100vw - 95px);
		max-width: 150px;
		margin-left: 10px;
		height: auto;
	}

    .topmenu.navbar {
        box-shadow: none;
        border:0;
        padding: 0;
        min-height: 40px;
    }

    .topmenu.navbar .navbar-header {
        /*box-shadow: 0 3px 6px rgba(0,0,0,0.5);
        padding: 5px 0 5px 0;*/
        background-color: #fff;
        min-height: 40px;
        text-align: center;
        transition: 0.4s ease-in-out;
    }
    .is-sticky .topmenu.navbar .navbar-header {
        box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.3);
    }
	.topmenu.navbar .navbar-header a#logo {
		margin-bottom: 0;
		padding: 5px;
		width: 140px;
	}
	.topmenu ul.navbar-nav {
		margin-right: 0px;
		padding: 30px 0 0 0;
        height: 100vh;  
	}

	.topmenu.navbar.affix-top, .topmenu.navbar.affix {
		
	}
    .topmenu.navbar.affix {
        
    }
	.topmenu.navbar.affix-top .navbar-brand, .topmenu.navbar.affix .navbar-brand {
		width: 45px;
		height: 55px;
		margin-left: 10px;
		margin-top: 5px;

	}

    .topmenu.navbar-inverse,
    .topmenu.navbar-default {
        background-color: transparent;
        margin-bottom: 0;
    }
    .topmenu.navbar-inverse .navbar-toggle:hover .icon-bar {
        background-color: #ddd;
    }
    .topmenu.navbar-inverse .navbar-toggle .icon-bar {
        background-color: #888;
    }
    .topmenu.navbar-inverse .navbar-toggle:focus {
        background-color: transparent;
    }
    .topmenu.navbar-fixed-top {
        /*position: absolute;
        left: 10px;*/
    }
	.navbar-default .navbar-toggle .icon-bar {
        height: 3px;
    }
	.topmenu.navbar-default .navbar-collapse {

        padding-right: 15px;
	    padding-left: 15px;
	    overflow-x: visible;
	    -webkit-overflow-scrolling: touch;
	    border-top: 1px solid transparent;
	    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
        max-height: 100%;
    
        background-color: rgba(40,40,40, 0.9) ;
	}

    .topmenu.navbar-default .navbar-toggle {
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: 14px;
		margin-right: 8px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 2px;
		

    }
    /******************************/
    
    #collapsemenu > ul.navbar-nav > li > ul.dropdown-menu {
        
        /*height: 0 !important;*/
        box-shadow: none !important;
        
        color: white;
        position: relative;
        top: auto;
        left: auto;
        float: none;
        
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 2px;
        
        transform: translateX(-25%);

        font-size: 14px;
        
        list-style: none;
        background-color: transparent !important;

        border:0;
        border-radius: 0;
        
        
        
        animation-duration: 0s !important;
        animation-fill-mode: none !important;
        -webkit-box-shadow: none !important;

        /*margin-top: 0px; 
        background-color: rgba(31, 48, 71, 0.7);
        color: white;
        padding: 0;
        border: 1px solid rgba(87, 168, 231, 0.7) !important ;
        border-radius: 5px;*/
    }
    #collapsemenu .dropdown-menu > li > a {
        padding-right: 15px;
        padding-left: 15px;
    }
    
    /*****************************/
	header#header {
		height: auto;
		width: 100%;
		padding-top: 0;
		position: relative;
        background-color: white;
	}
    .header-carousel, #carousel-original, .carousel-inner, .carousel-inner .item {
        height: 35vh;
        width: 100%;
    }

	.background-video, .header-carousel .carousel-inner > .item > img {
		width: 100%;
        /*min-height: 40vh !important;*/
	}

    .background-video {
        
        width: 100%;
        min-width: auto;
        height: auto;
    }
    .carousel-bg {
        background: -webkit-linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.2));
        background: -o-linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.2));
        background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.2));
    }
    .carousel-control {
    	top: 40%;
    }
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        width: 25px;
        height: 25px;
        line-height: 24px;
        font-size: 14px;
    }
	.carousel-caption2 {
    
        position: absolute;
        /*min-height: 70%;*/
        top: auto !important;
        bottom: 5px;
        left: 1% !important;
        right: 1% !important;

        padding: 15px;
    }
	.carousel-caption2 h5 {
		font-size: 14px;
		text-align: center;
	}
    .carousel-caption2 h3 {
        font-size: 26px;
		text-align: center;

        margin-bottom: 10px;
    }
    .carousel-caption2 h3.small-font-title {
        font-size: 20px;
    }

    .carousel-caption2 p {
        font-size: 12px;

        line-height: 20px;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .header-container {

        min-height: 0px;
    }

    .carousel-control {
        
        width: 30px;
        height: 30px;
        bottom: 5px;
    }
    
    .carousel-control .fa-chevron-left,
    .carousel-control .fa-chevron-right {

        line-height: 30px;
        color: #2d384c;
        font-size: 16px;
        margin-top: -15px !important;
        /*text-shadow: 2px 2px 2px black;*/
    }
   /*.fa-social {
    	margin-top: 5px !important;
    	font-size: 22px !important;
    }
    .fa-social li {
    	margin-right: 15px !important;
    	margin-left: 15px !important;

    }*/
    .header-data-social p, .header_top_item span {
    	/*display: none;*/
    }
    .header_top_item a.top-phone {
    	border: 1px solid #edfbef;
		padding: 2px 5px;
		border-radius: 10px;
    }
    .btn-default-xl, .btn-default-inverse-xl {

		padding: 10px 25px;
		font-size: 14px;
		font-weight: 500;
    }
    .standard-section {
    	padding-top: 40px;
    	padding-bottom: 40px;

	}
    .parallax-section {
        height: auto !important;
    }

    .standard-text {
		font-size: 22px;
		line-height: 1.5;
		color: black;

	}
	.standard-text-white {
		font-size: 29px;
	}

	.highlights {
		margin-top: 20px;
	}
	.highlight-blog:nth-child(1), 
	.highlight-blog:nth-child(2) , 
	.highlight-blog:nth-child(3) {
		border: 0;
		margin-bottom: 15px;
	}
    .boxer-attend-img > a > img {
        width: 100%;
    }

	/************************/
	.section-two-bg-ar, .section-two-bg {

	    background: url(../img_two_static_round.png) no-repeat center 20px;
	    background-size: 100px 100px;
	    padding-top: 120px;
        height: auto !important;

	}
	.section-two-bg-ar .standard-section, .section-two-bg .standard-section {
		padding-top: 0 !important;
		text-align-last: center;
	}

	.section-two-bg h1, .section-two-bg-ar h1 {
		text-align: center;
		font-size: 35px;
	}
	.text-skew-inverse-ar, .text-skew-inverse {
		padding-left: 0;
        padding-right: 0;
		transform: skewX(0deg);
	}
	.white-skew-bg-ar, .white-skew-bg {
		transform: skewX(0deg);
        height: auto !important;
	}
	#vision > .container {
		padding-left: 0;
		padding-right: 0;
	}
	#vision .standard-text-white {
		font-size: 24px;
		line-height: 1.3;
	}
	.section-three-bg h1 {
		font-size: 35px;
	}
	
	/************************/
    .footer-menu-section .footer-menu li {
        width: 50%;
        overflow: hidden;
    }
    .footer-menu-section .footer-menu {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
	.NewsLetterBlock {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
    .scroll-top-wrapper {
        /*bottom: 20px;*/
    }

}

@media screen and (orientation: portrait) and (max-width: 479px) {

    .carousel-caption2 {
    
        position: absolute;
        min-height: 130px;
        left: 1%;
        right: 1%;
        bottom: 5px;
        vertical-align: middle;
        z-index: 1;
    }
    
    .carousel-caption2 h3 {
        font-size: 20px;
        line-height: 25px;
        margin-top: 0;
    }
    .carousel-caption2 p {
        font-size: 12px;
        overflow: hidden;
        line-height: 20px;
        margin-top: 5px;
        margin-bottom: 0;
    }

    .header-carousel, #carousel-original, .carousel-inner, .carousel-inner .item {
        height: auto !important;
        width: 100%;
        overflow: hidden;
        max-height: 35vh;
    }

    .background-video, .header-carousel .carousel-inner > .item > img {
        width: 100%;
        min-height: 35vh !important;
    }
    .background-video + .carousel-bg {
        height: auto;
        min-height: 100%;
    }
}


@media screen and (orientation: landscape) and (max-width: 767px) {
    .header-carousel, #carousel-original, .carousel-inner, .carousel-inner .item {
        height: calc(100vh - 145px);
        width: auto;
        overflow: hidden;
    }

    .background-video, .header-carousel .carousel-inner > .item > img {
        width: auto;
        min-height: calc(100vh - 71px) !important;
    }
}


.header-title {
    opacity: 0;
    font-size: 1px;
    line-height: 1px;
    padding: 0;
    margin: 0;
    height: 0;
}

.btn.btn-RedColor {
    color: #a82b2e;
    background-color: white;
    border: 1px solid #bb6567;
    font-weight: bolder;
    font-size: 18px;
}




.bottomfooter-container {
    background-color: #000000;
    display: block;
    position: relative;
    padding: 15px 0 3px 0 ;
}

.footer-copyright {
    font-weight: 400;
    font-size: 14px;
    color: rgba(255,255,255,0.6);
    line-height: 25px;
}

@media (min-width: 768px) {
    .bottomfooter-container {
        /*padding-top: 10px;*/
    }
}

.poweredby {
    letter-spacing: 1px;
    font-family: "AzoSans-Light";
    font-size: 12px;
    color: #e5e7ef;
}
.footer-copyright a, .poweredby a {
    color: #e5e7ef;
}
.footer-copyright a:hover, .poweredby a:hover {
    color: white;
}

.real-developer {
    font-size: 12px;
    float: left;
    color: rgba(255, 255, 255, 0.7);
    line-height: 18px;
  }
  .real-developer a, .real-developer a:hover {
    color: rgba(255, 255, 255, 0.7);
  }


/**************** Home css **************/

.main-container {
    /*padding-top: 20px;
    padding-bottom: 30px;
    margin-top: 3px;
    margin-bottom: 3px;*/
}
.white-bg {
    background-color: white;
}
/**** about section in home page ****/
.ttm-row.third-about-section {
}
.ttm-row {
  padding:0;
    padding-bottom: 20px;
}
.position-relative {
  position: relative !important;
}

.about-overlay-01 {
  position: absolute;
  top: 30px;
  left: 15px;
}
.section-title {
  position: relative;
}
.section-title .title-header {
  margin-bottom: 42px;
  position: relative;
}
.section-title h5 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 10px;
  color: #30c5ff;
}
.section-title h2.title {
  font-size: 32px;
  line-height: 42px;
  margin-bottom: 20px;
  margin-top: 0;
}
.section-title h2.title.small {
  font-size: 22px;
  line-height: 42px;
  margin-bottom: 20px;
  margin-top: 0;
}
.section-title h2.title.small .bold {
  font-weight: 700;
}
.section-title .heading-seperator::before {
  display: block;
  content: "";
  position: absolute;
  width: 32px;
  bottom: 20px;
  height: 3px;
  
  background-color: #30c5ff;
}
.section-title .heading-seperator span::after {
  display: block;
  content: "";
  position: absolute;
  width: 10px;
  bottom: 20px;
  height: 3px;
  
  background-color: #30c5ff;
}
.section-title .heading-seperator::after {
  display: block;
  content: "";
  position: absolute;
  width: 7px;
  bottom: 20px;
  height: 3px;
  
  background-color: #30c5ff
}
.Brief-header {
    font-weight: 500;
    font-style: italic;
}
.p-30 {
  padding-top: 30px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 60px;
}
.lg-font {
    font-size: 19px;
    line-height: 30px;
}
.border-12px-solid {
  border: 12px solid #f0f0f0;
}
.fw-700 {
  font-weight: 700;
  font-size: 27px;
  line-height: 35px;
}
.personal-photo {

}

.mt-60 {
  margin-top: 65px !important;
}
.ttm_single_image-wrapper.after-border.style1::before {
  position: absolute;
  left: -20px;
  height: 90%;
  width: 20px;
  content: '';
  top: -20px;
  background-color: #30c5ff;
}
.ttm_single_image-wrapper.after-border.style1::after {
  position: absolute;
  top: -20px;
  height: 20px;
  width: 90%;
  content: '';
  left: 0;
  background-color: #30c5ff;
}
.d-flex-align-bottom {

  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 200px;
}
@media (max-width: 767px) {
    .d-flex-align-bottom {
      align-items: center;

    }
}
/***************************************/
.crops-section .section-title.text-center .heading-seperator::before {
  left: 50%;
  right: auto;
  margin-left: -36px;
}
.crops-section .section-title.text-center .heading-seperator span::after {
  left: 50%;
  right: auto;
  margin-left: 11px;
}
.crops-section .section-title.text-center .heading-seperator::after {
  height: 3px;
  left: 50%;
  right: auto;
}
/***************************************/
.pb-15 {
  padding-bottom: 15px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.box-shadow {
  -webkit-box-shadow: 0 0 10px 0 rgba(43,52,59,.1);
  -moz-box-shadow: 0 0 10px 0 rgba(43,52,59,.1);
  box-shadow: 0 0 10px 0 rgba(43,52,59,.1);
}
.ttm-bgcolor-white {
	background-color: #fff;
}
.featured-icon-box {
	position: relative;
	transition: all 0.5s ease-in-out 0s;
}
.featured-icon-box.left-icon.icon-align-top .featured-icon {
  vertical-align: top;
  padding-top: 5px;
}
.featured-icon-box .ttm-icon {
  margin-bottom: 0px;
}
.ttm-icon.ttm-icon_element-size-lg {
  height: 62px;
  width: 62px;
  line-height: 62px;
}
.ttm-icon.ttm-icon_element-size-lg i {
  font-size: 50px;
}
.ttm-fid-icon-wrapper i {
  font-size: 48px;
}
.ttm-icon i {
  display: inline-block;
  /*position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);*/
}
.ttm-fid-view-lefticon.style1::before {
  position: absolute;
  content: '';
  background-color: #e9ecef;
  width: 1px;
  height: 100%;
  bottom: 0;
  
}
.ttm-fid-view-lefticon.style1 {
	margin-bottom: 0;
	padding: 0 0;
	padding-left: 0px;
	margin-top: 0;
	
}
.featured-icon-box.left-icon .featured-icon, 
.featured-icon-box.left-icon .featured-content, 
.featured-icon-box.icon-align-before-title .featured-icon, 
.featured-icon-box.icon-align-before-title .featured-title {
  display: table-cell;
  vertical-align: middle;
}
.featured-title h5 {
	color: #232323;
	transition: all 0.3s ease-in-out 0s;
	line-height: 26px;
	margin-bottom: 0px;
	font-size: 22px !important;
	direction: ltr;
	text-align: start;
}
.featured-title h5 a {
	white-space: nowrap;
}
.featured-desc p {
  margin-bottom: 0;
}
.ttm-icon_element-color-skincolor, .ttm-fid-icon-wrapper i {
	color: #30c5ff;
}
.ttm-fid-view-lefticon .ttm-fid-icon-wrapper {
  margin-top: 20px;
}
.ttm-fid-view-righticon .ttm-fid-icon-wrapper, .ttm-fid-view-lefticon .ttm-fid-icon-wrapper {
  position: absolute;
  top: 0;
}
.inside {
}
.inside h3 {
  margin-bottom: 0;
  color: #8d8d8d;
  width: 100%;
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  padding-top: 0;
  display: inline-block;
  margin-top: 0;
}

/***************************************************/
.main-title {
    font-size: 25px;
    color: #000000;
    line-height: 35px;
}
.main-title-2 {
    font-size: 36px;
    color: #000000;
    line-height: 35px;
    text-align: center;
}
.main-title-xs {
  font-size: 18px;
  color: #000000;
  line-height: 35px;
}

.sub-title {
	font-size: 16px;
	color: #0cacee;
	line-height: 24px;
}
.main-title span {
    padding: 0 58px 20px;
    display: block;
}
.main-title span::before {

    background-color: #163651;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 73px;
    height: 3px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.contact-block {
    padding: 4em 0;
    background: url('../contactbg.jpg') no-repeat center center;
    background-attachment: fixed;
    position: relative;
    background-size: cover;
}
.contact-block .title {
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1.35em;
    font-size: 36px;
    margin-top: 0;
    padding-top: 0;
}
.contact-block p {
    line-height: 1.8em;
    font-size: 14px;
    text-align: justify;
    text-justify: distribute;
    text-align-last: start;
    color: #ffffff;
}
.contact-block p strong {
    font-size: 15px;
}
.contact-block .btn {
    margin-top: 20px;
    transition: 0.3s ease-in-out;
}
#ContactForm p {
    text-align: center;
}
#ContactForm p label {
    font-size: 17px;
    display: block;
    text-align: center;
    text-align-last: center;
    text-shadow: 1px 1px 1px #000;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 20px;
    padding: 3px;
    z-index: 99999;

}
#ContactForm .form-control, #ContactForm .btn {
    border-radius: 0;
}
.new-section {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url("https://www.farmerp.com/wp-content/uploads/2021/01/Developmental-Projects-for-Small-and-Marginal-Farmers.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  border-width: 0px;
  border-color: rgb(226, 226, 226);
  border-style: solid;
  background-size: cover;
}
/****************************************************/



@media (min-width: 768px) {

    .product-link {
        height: 300px;
        line-height: 20px;
    }
    
    .ml_130 {
      margin-left: -77px !important;
    }
}

@media (max-width: 991px) {
    .ml_130 {
      margin-left: 1px !important;
    }
}
@media (max-width: 767px) {



	.ttm-icon.ttm-icon_element-size-lg {
		margin-right: 30px;
	}
	.ttm-bgcolor-white {
	  margin-top: 20px;
	}
	.ttm-fid-view-lefticon.style1 {
	  margin-top: 20px;
	  padding-left: 15px;
	}
    .main-container-fluid {
        padding-right: 4px;
        padding-left: 4px;
    }

    .poweredby {
        letter-spacing: 0;
        text-align: center !important;
        color: #e5e7ef;
    }

}




@media (min-width: 768px) {}

@media (min-width: 480px) and (max-width: 767px) {}

@media (max-width: 479px) {

    .HeaderTitle {
        font-size: 27px;
    }
    .HeaderCell {
        text-align: center;
    }
}

/*************** Footer Area ***************/
.top-border {
    border-top: 1px solid #ededed;
}
.bottom-border {
    border-bottom: 1px solid #ededed;
}
.main-footer-container {
    min-height: 370px;
    background-color: #0e0e0e;
    position: relative;
    padding-bottom: 30px;
}

.main-footer-container.container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.footer-menu-section {
    overflow: hidden;
    padding-top: 50px;
}

.footer-menu-section strong {
	display: block;
	margin-bottom: 4px;
	text-transform: uppercase;
	color: #fff;
}

.footer-menu-section .working-hours {
    border: 2px solid #40607a;
    padding: 10px 0;
    border-collapse: separate;
    border-spacing: 0 6px;
    width: 100%;
}

.working-hours th {
    border: none;
    padding: 0 27px;
    border-radius: 3px 0 0 3px;
    font-weight: 400;
    line-height: 23px;
    color: #c5d8eb;
    font-size: 14px;
}
.working-hours td {
    border-radius: 0 3px 3px 0;
    text-align: right;
    white-space: nowrap;
    padding: 0 27px;	
    color: #ffffff;
    line-height: 23px;
    font-size: 14px;
}
.working-hours th.important {
    color: #00a5df;
}
.footer-menu-section p {
    color: #bdbdbd;
    line-height: 26px;
    font-size: 15px;
    text-align: justify;
    text-justify: distribute;
}
.footer-menu-section .Contactus {
    font-size: 16px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 30px 0;
}

.footer-menu-section .footer-menu {
    list-style-type: none;
    overflow: hidden;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}
.footer-menu-section .footer-menu li {
    white-space: normal;
    margin-bottom: 5px;
}

.footer-menu-section .footer-menu li i {
    color: #eee;
    padding-right: 3px;
    padding-left: 3px;
    font-size: 5px;
    width: 20px;
    font-weight: 300;
    display: inline-block;
    vertical-align: top;

    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}

.footer-menu-section .footer-menu li span {
    display: inline-block;
}

.footer-menu-section .footer-menu li span,
.footer-menu-section .footer-menu li a {
    text-decoration: none;
    color: #eee;
    white-space: normal;
    font-size: 14px;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    font-weight: 300;
    margin-bottom: 11px;
    display: block;
}
.footer-menu-section .footer-menu li a:hover {
    text-decoration: none;
    color: #00A5DF;
}
.footer-menu-section .footer-menu li a:hover i {
    color: #00A5DF;
}
.dl-contact dt {
	width: 30px;
	text-align: center;
	margin-bottom: 4px;
    padding-top: 5px;
}
.dl-contact dd {

    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 4px;
	color: #bdbdbd;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 14px;
}
.dl-contact dd a {
	color: #bdbdbd;
}
.dl-contact dt i {
	font-size: 25px;
	color: #00A5DF;
}
.dl-horizontal dt {
    overflow: hidden;
    
    text-overflow: ellipsis;
    white-space: nowrap;

}
.footer-social-block {
    margin-left: 30px;
    margin-right: 30px;
}
.footer-social {
    display: table;
}
.footer-social .footer-title, .footer-social .social {
    display: table-cell;
    white-space: nowrap;
    vertical-align: top;
    font-weight: 800;
}
p.workinghours {
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 26px;

}
.workinghours span {
	color: #0cacee;
}
/*************************/
.footer-contact {
   
}
.glow-shadow {
    -webkit-filter: drop-shadow(0px 0px 1px rgba(255, 255, 255, 1));
    filter: drop-shadow(0px 0px 1px rgba(255, 255, 255, 1)); 
}
.vat-container img {
    max-height: 70px;
}
.footer-contact address {
    color: #ededed;
}
.footer-contact i.fa {
    width: 15px;
    vertical-align: baseline;
}
.footer-contact a, 
.footer-copyright a, 
.poweredby a { 
    color: #ededed; 
}
.footer-contact a:hover, 
.footer-copyright a:hover,
.poweredby a:hover { 
    color: #ededed; 
}
.footer-contact a:hover {
    text-decoration:none;
}

.footer-title
{
    line-height:33px;
    vertical-align: top;
    margin: 0;
}

.address-list div {

    padding: 0 0 10px 0;
    line-height: 22px;

}
.address-list .padding {

    display: block;
    
}
.address-list time {
    line-height: 22px;
}
.contact-form .address-list div {

    padding-top: 7px;
    padding-bottom: 7px;
}
.g-subscribe {
    background: #0cacee;
	color: #fff;
    padding: 50px 30px 50px 70px;
    margin-top: -70px;
    margin-bottom: 50px;
}
.g-subscribe h3 {
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	margin-top: 0;
	padding-top: 0;
}
.g-subscribe .btn-black {
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	background: #000;
	text-align: center;
	border-radius: 50px !important; 
	border: 0;
	line-height: 2.333;
	width: auto !important;
	
	min-width: 150px;
	z-index: 9999 !important;
}

.NewsLetterBlock {

    overflow: hidden;
}
.NewsLetterBlock .input-group-addon {

    border: 0;
    background-color: transparent;
    color: #58a9e8;

}

.NewsLetterBlock .form-control {


    border-radius: 0;
}
.NewsLetterBlock .btn {

    border-radius: 0;
}
.NewsLetterBlock .Result {

    color: #ededed;

}
/************* social icons ***************/
.footer-title {
    color: #58a9e8;
}
.footer-social
{
   overflow:hidden;
   clear:both;
   
}
.footer-social ul.fa-social
{	
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-social .fa-social li {

    display: inline-block;
    margin: 0 15px;

}
.footer-social a 
{
    color: #c5d8eb;
    display: inline-block;
    text-align: center;
    
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease;

    font-size: 20px;
}
/*
.footer-social a.facebook {border:2px solid #45619d; color: #45619d;}
.footer-social a.twitter {border:2px solid #00acee; color: #00acee;}
.footer-social a.plus {border:2px solid #da4834; color: #da4834;}
.footer-social a.instagram {border:2px solid #983bf7; color: #983bf7;}
.footer-social a.rss {border:2px solid #eba832; color: #eba832;}

.footer-social a:hover {
   color: white; 
}
*/
.footer-social a.facebook:hover {color: #45619d;}
.footer-social a.twitter:hover {color: #00acee;}
.footer-social a.whatsapp:hover {color: #189d0e;}
.footer-social a.youtube-play:hover {color: #da4834;}
.footer-social a.instagram:hover {color: #983bf7;}
.footer-social a.rss:hover {color: #eba832;}

.footer-social a i
{
    line-height: inherit;
    font-size:inherit;
}
.mt_160 {
  margin-top: -150px;
}
/*******************************************/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .mt_160 {
	  margin-top: -120px;
	}
}

@media (max-width: 991.98px) {
    .mt_160 {
	  margin-top: 25px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
    
    
	.a-car__img-wrap svg {
	  max-height: 450px !important;
	}
    .NewsLetterBlock .input-group-addon, .footer-social .footer-title {

        letter-spacing: 0px;
        font-size: 80%;
        padding-right: 0;
        padding-left: 0;
    }

    .main-footer-container {
        min-height: 370px;
        background-attachment: fixed;
        background-size: cover;
    }


}
@media (max-width: 767px) {
	
    .section-title h2.title {
        font-size: 30px;
    }
    .main-footer-container {
        min-height: 370px;  
        background-attachment: fixed;
        background-size: cover;
    }
	.g-subscribe h3 {
		font-size: 18px;
	}
    .bottomfooter {
        padding-top: 2px;
        font-size: 12px;
        color: silver;
    }

    .contact-form > h2 {
        font-size: 22px;
    }
    .contact-form .address-list div {
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .g-subscribe {
        padding: 50px 0 50px 0;
    }
    .g-subscribe .btn-black {
        min-width: 100px;
    }
    .NewsLetterBlock .input-group-addon {
        display: table-caption !important;
        margin-bottom: 5px !important;
        width: 100% !important;
    }
    .footer-social .footer-title, .footer-social .social {
        display: block !important;
    }
    .footer-social a 
    {
        margin: 0 4px 0 3px;
    }
    .sgs-block {
        margin-top: 25px;
    }
}
/************************************/

Label.error {
    color: red;
    padding-right: 2px;
}

Label.sucess {
    color: #339900;
    padding-right: 2px;
}

Label.block {
    display: block;
    padding: 4px;
    background: #FFFFCC;
}


/***************************************************************************/



.btn .fa {
    font: normal normal normal 14px/1.42857143 FontAwesome;
}




.title-icon {
    float: right;
    color: #fff;
    font-size: 22px;
    margin-top: 12px;
    font-weight: normal;
}

.lang {
    float: left;
    margin: 10px 10px 0px 0px;
    color: #c09a4f;
    font: 16px/30px 'NeoSansArabic';
}

.lang:hover {

    color: #c09a4f;
    text-decoration: underline;
}

.fa-social a:hover {
    color: #7e6f40;
}

.fa-search:before {
    content: "\f002";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-facebook:before {
    content: "\f39e";
}

.fa-instagram::before {
    content: "\f16d";
}

.fa-twitter:before {
    content: "\f099";
}
.fa-whatsapp:before {
    content: "\f232";
}
.fa-snapchat:before {
    content: "\f2ac";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}
.fa-square-full:before {
    content: "\f45c";

}
.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-play:before {
    content: "\f04b";
}

.fa-youtube-play::before {
    content: "\f167";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-map-marker::before, .fa-map-marker-alt::before {
    content: "\f3c5";
}
.fa-mobile:before {	
    content: "\f3cd";
}
.fa-sms:before {	
    content: "\f7cd";
}
.fa-print:before {
  content: "\f02f";
}
.fa-phone:before {
    content: "\f095";
}
.fa-phone-volume:before {
    content: "\f2a0";
}
.fa-envelope:before {
    content: "\f0e0";
}
.fa-fax:before {
	content: "\f1ac";
}
.fa-paper-plane::before {
    content: "\f1d8";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-arrow-circle-up::before {
    content: "\f0aa";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-user:before {
  content: "\f007";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-users:before {
  content: "\f0c0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-long-arrow-alt-right:before {
  content: "\f30b";
}
.fa-long-arrow-alt-left:before {
  content: "\f30a";
}
.fa-home:before {
    content: "\f015";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-plus:before {
    content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-file-invoice-dollar:before {
    content: "\f571";
}
.fa-industry:before {
    content: "\f275";
}
.fa-tasks:before {
    content: "\f0ae";
}
.fa-calculator:before {
    content: "\f1ec";
}
.fa-university:before {
    content: "\f19c";
}
.fa-vote-yea:before {
    content: "\f200";
}
.fa-money-check-alt:before {
    content: "\f53d";
}
.fa-sticky-note:before {
    content: "\f249";
}
.fa-chart-bar:before {
    content: "\f080";
}
.fa-building:before {
    content: "\f1ad";
}
.fa-archive:before {
    content: "\f187";
}
.fa-check-circle:before {
    content: "\f058";
}
/*********************************************/


/**************.Net Fixed********************/

.FBComments {
    /*direction:ltr;
	float:left;*/
    overflow: hidden;
    display: inline-block;
}

.BodyCell {
    padding: 5px;
    background-color: white;
    background-image: none;
    font-size: 15px;
}
.HeaderCell {
    margin-bottom: 15px;
}
.HeaderCell, .HeaderCell a {

    color: #163651;
    padding-top: 30px;
}
.HeaderCell a:hover {

    color: #5fa435;
}
#LikeBox {
    width: 90px;
    float: left;
}

.ShareBox {
    width: 300px;
    float: left;
}

.ShareBox iframe {
    border: none;
    margin: 0 2px;
    float: left;
}

.ShareBox .Facebook {
    background: url(../social/share.png) no-repeat 0 0;
    width: 60px;
    height: 20px;
    display: inline-block;
    border: 0;
    margin-left: 0px;
    margin-right: 1px;
    float: left;
}

.ShareBox .Twitter {
    background: url(../social/share.png) no-repeat -60px 0;
    width: 55px;
    height: 20px;
    display: inline-block;
    border: 0;
    margin-left: 0px;
    margin-right: 1px;
    float: left;
}


/*#########################################################################*/


/***************************************************************************/


/***************************************************************************/

.Our-Team {
    background: url(../piclib/team.jpg) no-repeat center 0;
    display: block;
    overflow: hidden;
    max-width: 650px;

    color: White;
    margin-right: auto;
    margin-left: auto;

    clear: both;
    margin-bottom: 20px;
}

@media (max-width: 579px) {
    .Our-Team {
        background-size: contain;
        padding-top: 60%;
    }
    .table.img-compact td img {
        max-width: 100px !important;
        height: auto !important;
    }
}




@media (min-width: 768px) {
    .Our-Team {
        min-height: 410px;
    }
}

.Our-Team .Team-Text {
    background: url(../aboutbg.png);
    margin: 20px;
    padding: 10px;
}

.Our-Team .Team-Text h4 {
    font-weight: bold;
    text-align: center;
}

.SubHeader {
    background-color: #d8d8d8;
    border-bottom: 2px solid white;
    box-shadow: 0 2px 0px #c00000;
    color: #365f91;
    padding: 5px;
    margin-top: 0;
    font-size: 16px;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}

.white-space-normal .btn {
    white-space: normal;
}
/*******************************************************/
/************* contact page **************/
.contact-tel-block .padding {
	margin-right: 15px !important;
	margin-left: 15px !important;
}
.address-list .tel-dir {
	direction: ltr;
	display: inline-block;
	text-align: right;
}

.contact-social div.social {
    text-align: center;
    margin-right: auto;
    margin-left: auto;

}
.contact-social div.social a {
    display: inline-block;
    text-align: center;
    padding: 10px;

}
.contact-social div.social a i{
    font-size: 28px;
    color: silver;
}
.contact-social div.social a:hover i{
    color:#163651
}
/****************** home album section ****************/
/*
.service-block-container {
    padding: 30px 15px;
    box-shadow: 0px 0px 0px rgba(5,6,6,0.08);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border: 1px solid #e6e6e6;
}
.service-block-container:hover {
  box-shadow: 0px 0px 50px rgba(5,6,6,0.08);
}
.service-block-container h4 {
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #448301;
}
.service-block-container p {
    line-height: 21px;
    text-align: justify;
    text-justify: distribute;
    text-align-last: center;
    height: 168px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
*/
.gallery-section {
	background-color: white;
}
.gallery-section .title-under h3 {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
    color: #272727;
}
/**** new design ****/
.overlay-outer {
    position: relative;
}
.overlay-outer > img {
    width: 100%;
}
.pckItem-over {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(12,172,238,0.90) !important;
    top: 0;
    text-align: center;
    color: #fff;
    opacity: 1;

}

.pckItem-over-in {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}
.pckItem-over h6 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    margin: 6px 0;
    line-height: 26px;
}
.pckItem-over i {
    font-weight: 400;
    font-size: 13px;
    color: #fff;
    display: block;
    margin-bottom: 20px;
}
.g-zoom {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #121212;
    border-radius: 100%;
    text-align: center;
    line-height: 50px;
}
.overlay-bg {
    transition: all .3s ease-in-out;
    z-index: 0;
    transform: scale(0);
    padding: 10px;
}
.portfolio-line-list:hover .overlay-bg {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background: #ffa000;
}
/*******************/
.album-home {

    /*margin-left: 20px;
    margin-right: 20px;*/
    position: relative;
    display: block;
    overflow: hidden;
    
}
.album-home .img-container {
  position: relative;
  overflow: hidden;
}
.album-home img {

    transform: scale(1.3);
    transition: 0.9s;
    overflow: hidden;
    /*opacity: 0.85;*/
    display: block;

}
.album-home:hover img {

    transform: scale(1.35);
    opacity: 1;
}
.album-home .album-title {
    
    padding: 20px 15px 10px 15px;

    overflow: hidden;
    height: 100px;
    line-height: 22px;
    background-color: #ffffff;
    color: #161616 !important;
    margin: 0;
    transition: .9s;
    display: block;
    white-space: normal;
    
    text-overflow: ellipsis;
}

.album-home:hover .album-title {
}
.album-home .album-title span.title {

    margin-bottom: 10px;
    font-weight: 700;
    display: block;
    line-height: 28px;
    font-size: 18px;
    color: #161616;
}
.album-home .album-title span.descreption {

    font-size: 15px;
    color: #505050;
    font-weight: 400;
}
.album-home .album-title .badge {

    transform: translateY(55%);
    color: white;
    background-color: #262c31;
    font-weight: normal;
    font-size: 82%;
    opacity: 0.85;
}
/*********** Static Pages ********************/
.text-paragraph {
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.certificates a {
    display: block;
    position: relative;
    margin-bottom: 20px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35);
    transition: all .5s;
    cursor: pointer;
    text-align: center;
    height: 250px;
    border-radius: 7px;

}
.fancybox-image {
    border-radius: 0;
}
.certificates a img {
    height: 250px;
    margin-left: auto;
    margin-right: auto;
}
.certificates a span {
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(27, 65, 122, 0.5);
    color: white;
    width: 100%;

    transition: 0.3s ease-in-out;
}
.certificates a:hover span {
    background-color: rgba(27, 65, 122, 0.7);
}
.fancybox-caption {
    text-align: center;
}
/**********************************/
.nice-box {
    box-shadow: 0 0 7px rgba(0,0,0,0.7);
    border-radius: 10px;
    overflow: hidden;
}
.nice-box  .image-section img {
    margin-top: 40px;
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
    border-radius: 5px;
    margin-right: auto;
    margin-left: auto;
}
.text-section .address-list {
    font-size: 15px;
}   
.text-section .address-list i {
    width: 15px;
    text-align: center;
}
.text-section .address-list .padding {
    margin-right: 20px;
    margin-left: 20px;
}
/********* contact ****************/
.nav-tabs.nav-justified {
    border: initial;
}
.Contact-page .nav-tabs.nav-justified {
    padding-right: 0;
}
.tabs-custom > .nav-tabs.nav-justified > .active > a, .tabs-custom > .nav-tabs.nav-justified > .active > a:hover {
    border: none;
}
.tabs-custom > ul.nav-tabs.nav-justified {
    border-bottom: 1px solid #d7d7d7;
}
.Contact-page li.nav-item .nav-link {
    border: none;
    font-size: 14px;
    padding: 0 5px 5px 5px;
    text-transform: capitalize;
    white-space: normal;
    color: #555;
    background-color: transparent !important;
}
.Contact-page li.nav-item > .nav-link  {
  font-weight: 600;
}
.Contact-page li.nav-item .nav-link > span {
  font-size: 90%;
  text-transform: uppercase;
  display: block;
  text-align: center;
  letter-spacing: 0px !important;
  font-weight: 400 !important;
}
.Contact-page li.nav-item.active .nav-link {
    color: #163651;
}
.Contact-page li.nav-item {
    margin-bottom: -1px;
    display: inline-block;
    width: 32% !important;
    float: none;
    border: 0;
    cursor: pointer;
    transition: .33s all ease;
}
.Contact-page li.nav-item .nav-link:hover, .Contact-page li.nav-item .nav-link:focus {
    background-color: transparent;

}
.Contact-page li.nav-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0;
    background: #163651;
    transition: .22s ease;
}
.Contact-page li.nav-item.active::after {
    width: 100%;
}
.Contact-page .address-list > div.english-font {
    display: table;
}
.Contact-page .address-list i.fa, .Contact-page .address-list i.fas, 
.Contact-page .address-list i.fab, .Contact-page .address-list i.far {
    width: 35px;
    line-height: 1;
    padding-right: 0;
    padding-left: 0;
    font-size: 18px;
    color: #163651;
    vertical-align: top;
}

.Contact-page .address-list i.fa, .Contact-page .address-list i.fa + span,
.Contact-page .address-list i.fas, .Contact-page .address-list i.fas + span,
.Contact-page .address-list i.far, .Contact-page .address-list i.far + span,
.Contact-page .address-list i.fab, .Contact-page .address-list i.fab + span {
    display: table-cell;
    /*text-align: left;*/
    letter-spacing: 1px;
}

.Contact-page address.address-list {
    font-size: 14px;
    color: #29293a;
}
.Contact-page .tab-content {
    margin-top: 25px;
    overflow: hidden;
}
.dl-email-block {
    font-size: 14px;
    margin-left: 70px;
}
.dl-email-block dt{
    font-weight: lighter;
}
.dl-email-block dd{
    margin-bottom: 10px;
}

.Contact-page h4 {
    color: #163651; 
    line-height: 49px;
    text-align: center;
    margin-bottom: 20px;
}
.Contact-page h4 i.fa, .Contact-page h4 i.far, .Contact-page h4 i.fas {
    width: 20px;
    text-align: center;
    line-height: 49px;
    height: 50px;
    width: 50px;
    border: 1px solid #163651;
    border-radius: 50%;
    margin-right: 15px;
    margin-left: 15px;
    font-size: 20px;
    color: #163651;
    vertical-align: top;
    text-indent: 4px;
}
/***********/
.custom-form-block {
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  padding-top: 10px;
}
/***********************************************/
.custom-box-shadow {
    box-shadow: 0px 0px 50px rgba(0, 1, 1, 0.11);
}
.ts-columns-flexbox {
    margin-top: 60px;
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.ts-column-flex {

    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    display: flex;
}
.ts-column-inner {
	margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 40px;
    padding-right: 30px;
    padding-bottom: 40px;
    padding-left: 30px;

    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.ts-column-inner:hover {
    box-shadow: 0px 0px 30px rgba(5,6,6,0.08);
}

.ts-img {
	display: inline-block;
    vertical-align: top;
    max-width: 100%;
}
.ts-column-inner h3 {
	font-size: 20px;
    color: #161616;
    line-height: 30px;

    padding-top: 23px;
    padding-bottom: 15px;
    font-weight: 700;

    margin: 0;
}
.ts-column-inner p {
    color: #131313;
	font-size: 15px;
	line-height: 26px;
    text-align: justify;
    text-justify: distribute;
}

/**** mission vision area ***********/
.mv-section {
    margin-top: 60px;
}

.mv-right-section {
    min-height: 450px;
    background-image: url('../statement-right.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;


}
.mv-left-section {
    min-height: 450px;
    padding-top: 0px;
    background-image: url('../statement-left.jpg');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;

    background-attachment: fixed;

}
.mv-left-section > .mv-row {
    padding-right: 50px;
    padding-left: 50px;
}
.mv-column-inner {
    padding-top: 70px;
    padding-bottom: 40px;
}
.mv-icon i {
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    height: 80px;
    padding: 29px 0;
    text-align: center;
    width: 80px;

    background-color: #26507a;
    font-size: 22px;
    line-height: 22px;
}
.mv-section h3 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    transition: 0.4s color, 0.4s background-color;
    color: #000000;
}
.mv-section h3:hover {
    color: #00A5DF;
}
.mv-section p {
    text-align: justify;
    text-justify: distribute;
    text-align-last: start;
    line-height: 24px;
}
/******* srvices section **********/
.srv-column-inner {
    padding-top: 10px;
    padding-bottom: 10px;
    
}
.srv-column-inner > a {
    box-shadow: 0px 0 2px 0 rgba(0,0,0,0.1), 0 0 0px 0 rgba(0,0,0,0.1), 0 2px 2px 0 rgba(0,0,0,0.18);
    display: block;
    padding: 10px;
    border-radius: 10px;
}
.srv-column-inner > a:hover {
    box-shadow: 0px 0 10px 0 rgba(0,0,0,0.1), 0 0 0px 0 rgba(0,0,0,0.1), 0 5px 10px 0 rgba(0,0,0,0.18);
}
a .srv-icon {
    margin-top: 10px;
}
a .srv-icon i {
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    height: 100px;
    padding: 0;
    line-height: 100px;
    text-align: center;
    width: 100px;
    border: 1px solid #26507a;
    font-size: 22px;
    transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;
}
a:hover .srv-icon i {
    color: #26507a;
    border:  1px solid #26507a;
    background-color: #ffffff;
    border-radius: 20px;
}
.srv-column-inner h3 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    transition: 0.4s color, 0.4s background-color;
    color: #000000;
    font-size: 17px;
}
.srv-column-inner a:hover h3 {
    color: #00A5DF;
}
.srv-column-inner p {
    text-align: justify;
    text-justify: distribute;
    text-align-last: center;
    line-height: 24px;
    font-size: 14px;
}
/************ About Page *************/

.about-block-container {
    padding: 30px 15px;
    background-color: #f9f9f9;
    border: 1px solid #f0f0f0;
}
.text-container {
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {

  .zero-top-margin {
    margin-top: 0;
    padding-top: 0;
  }

  .text-container.extra-padding {
    padding-top: 30px;
    padding-left: 30px;
  }
}

.about-block-container figure {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    max-width: 100%;
}
.about-block-container figure img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}
.about-block-container h4 {
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.about-block-container p {
    line-height: 21px;
    text-align: justify;
    text-justify: distribute;
    text-align-last: center;
    height: 147px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
ul.dot {
    padding: 10px 0 0px 0;
    margin: 0;
    list-style: none;
    list-style-position: inside;
}
ul.dot li {
    padding-bottom: 10px;
    line-height: 21px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    font-size: 17px;
}
ul.dot li::before {
    font-family: 'PT Sans', sans-serif;
    content: "\2022"; 
    color: #30c5ff; 
    font-weight: bold;
    display: inline-block;
    width: 0.75em;
    font-size: 28px;
    vertical-align: top;
    line-height: 23px;

    position: absolute;
	
}
ul.correct {
    padding: 10px 0 0px 0;
    margin: 0;
    list-style: none;
    list-style-position: inside;
}
ul.correct li {
    padding-bottom: 10px;
    padding-top: 15px;
    line-height: 23px;
    
    position: relative;
    border-bottom: 1px solid rgba(42,42,42,.07);
}
ul.correct li::before {
    font-family: 'Font Awesome 5 Solid';
    font-weight: 900;
    font-style: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    display: inline-block;
    content: "\f058"; 
    color: #30c5ff; 
    width: 1em;
    font-size: 18px;
    vertical-align: top;
    line-height: 23px;

    position: absolute;
    
}
.dash {
    color: #30c5ff; 
    padding: 5px;
	display: inline-block;
}

.wide-gray-block {
    background-color: #fcfcfc;
    margin-bottom: 30px;
}
.quote-title {
    position: relative;
    padding-left: 21px;

    content: "";
    border-left: 4px solid #163651;
    font-size: 20px;


}
.wide-gray-block h5 {
    line-height: 25px;
}
/********* Services pages IT, furniture, industrial ********/

.material-design-elevation {
    box-shadow: 0px 0px 0px rgba(5,6,6,0.08);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border: 1px solid #e6e6e6;
}
.material-design-elevation:hover {
  box-shadow: 0px 0px 30px rgba(5,6,6,0.08);
}

.panel-special .panel-title, .panel-special .panel-title > a {
  font-weight: 700 !important;
  line-height: 30px !important;
}

.project-block-text {
    overflow: hidden;
}
.service-block-text p, .project-block-text p {
  text-align: justify;
  text-justify: distribute;
  text-align-last: start;
}
figure.bubble_figure {
  text-align: center;
}
figure.bubble_figure img {
  margin-left: auto;
  margin-right: auto;
}
.service-block-container {
    padding: 30px 15px;
    box-shadow: 0px 0px 0px rgba(5,6,6,0.08);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border: 1px solid #e6e6e6;
}
.service-block-container:hover {
  box-shadow: 0px 0px 50px rgba(5,6,6,0.08);
}
.service-block-container h4 {
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #448301;
}
.service-block-container p {
    line-height: 21px;
    text-align: justify;
    text-justify: distribute;
    text-align-last: center;
    height: 168px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.service-gray-block {
  background-color: #f4f5f6 !important;
  padding: 30px 20px 30px 20px;
}
.col-sm-height .service-gray-block {
  height: 100%;
  width: 100%;
  display: table;
}
.service-gray-block .service-gray-inner {

  margin-bottom: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 75px;
  background: url('../piclib/service-icon.png') no-repeat 0 0;
}

.service-gray-block .supplier-gray-inner {
  margin-bottom: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  
  background-image: url('../piclib/supplier-icon.png');
  background-repeat: no-repeat;
  
}

.service-gray-block ul.dot {
  overflow: hidden;
}
.service-gray-block h2 {
  font-size: 28px;
  line-height: 27px;
}
.service-gray-block li a:hover {
  color: #163651;
}
/********** Project pages ****************/
.project-subpage .ss_figure img {
  margin-right: auto;
  margin-left: auto;
  max-height: 500px;
}
.dl-accordion dt {
  text-align: left;
  margin-bottom: 5px;
}
.dl-accordion dd {
  text-align: justify;
  text-justify: distribute;
  margin-bottom: 5px;
}
/******** Home service section ****************/
.a-car__item:hover {
    color: green;
}
.a-car__wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.ac-item__title {
  display: block;
  font-size: 1.125em;
  font-weight: 700;
  padding-right: 25px;
  position: relative;
  line-height: 1.3;
}
.ac-item__descript-wrap {
  display: block;
}
.ac-item__description {
	display: block;
	padding: 10px 20px 15px 0;
	text-justify: distribute;
	text-align: justify;
}
.a-car__img-wrap {
  display: block;
}
.a-car__img-wrap svg {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 850px;
}
.st0{opacity:0.38;filter:url(#i);}
.st1{fill:#FFFFFF;}
.st2{fill:none;stroke:green;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

.industries-section__title {
  text-align: center;
  line-height: 40px;
  margin-bottom: 30px;
  font-weight: 600;
}
/*********************************************/
/************* program blocks ***************/
#about.container {
    overflow: hidden;
}
.about-section {
    padding-top: 50px;
    padding-bottom: 20px;
}
.courses-section {
    
    padding-top: 50px;
    padding-bottom: 50px;
}
.red-title span {
	font-size: 18px;
	font-weight: 800;
	border: 2px solid #d92300;
	color: #d92300;
	border-radius: 20px;
	padding: 2px 15px;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
}
.boxer-attend {
    position: relative;
    transition: all .5s;
    border-radius: 5px;

    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(41,61,88,.1);
}
.boxer-attend:hover {
    box-shadow: 0 10px 20px -15px #000;
}
.boxer-attend-img {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden;
}
.boxer-attend-img > a > img {
	border-radius: 2px;
    transition: 0.8s ease-in-out;
}
.boxer-attend-img > a:hover > img {
    transform: scale(1.1);
}

.boxer-attend-info {
    
    padding-bottom: 25px;
    max-height: 167px;
    overflow: hidden;
}
.boxer-attend-info time {
	padding: 0 10px;
	color: #C0C1C2;
	display: none;
}
.boxer-attend-info h4 {
    color: #000;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
    transition: 0.3s ease-in-out;
    height: 45px;
}
.boxer-attend:hover h4 {
    color: #469ecd;
}
.boxer-attend-info p {

    text-align: justify;
    text-justify: inter-word;
    text-align-last: center;
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
    color: #666d81;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;

   display: -webkit-box;
  	-webkit-line-clamp: 3;
  	-webkit-box-orient: vertical;  
  	overflow: hidden;

}
.xs-arrow {

    display: inline-block;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    background-color: #f4f4f4;
	line-height: 45px;
}
.xs-arrow:hover, .xs-arrow:focus {
	background-color: #d92300;
	color: #fff;
}
.text-title {
    font-size: 28px;
    line-height: 35px;
}
.app-img {
    max-height: 350px;
}
.p-example {
	font-size: 16px;
	color: #1f2e42;
}
/******************************************/
@media (min-width: 1200px) {
	.d-flex {
		display: flex;
	}

    .service-gray-block ul.dot.split li {
    /*width: 49%;
    padding-right: 0.5%;
    float: left;*/
    }
    .ac-item--bottom {
	  margin-top: 40px;
	}
    .srv-column-inner p {
        min-height: 145px;
    }
    .industries-section__title {
	  margin-bottom: 50px;
	  font-weight: 700;
	}


	

	.ac-item--bottom, 
	.ac-item--bottom {
	  margin-top: -90px !important;
	}
	
}
@media (min-width: 992px)
{
	
	.ac-item {
	  margin-bottom: 0;
	  padding: 30px 0;
	  border: none;
	}

	.ac-item__description {
	  padding: 10px 0 15px;
	}
	
	.ac-item--bottom {
	  border-bottom: none;
	  text-align: center;
	  width: 270px;
	  max-width: 100%;
	  margin: 0 auto;
	  margin-top: 0px;
	}
	
}

@media (min-width: 992px) and (max-width: 1199px) {

	.ac-item {
	  margin-bottom: 0;
	  padding: 10px 0;
	  border: none;
	}

	.ac-item--bottom, 
	.ac-item--bottom {
	  margin-top: -40px;
	}
	.ac-item__title {
	  padding-right: 0;
	  font-size: 1.2em;
	}
	.ac-item__description {
		font-size: 0.9em;
	}
	.featured-title h5 a {
		font-size: 18px;
	}
    .dl-email-block {
        margin-left: 110px;
    }
	
	.ts-column-inner h3 {
		font-size: 17px;
		white-space: nowrap;
	}
	/*** mission vision block ************/

    .mv-left-section, .mv-right-section {
        min-height: 550px;
    }
    .mv-left-section > .mv-row {
        padding-right: 25px;
        padding-left: 25px;
    }
    .mv-column-inner {
        padding-top: 25px;
        padding-bottom: 10px;
    }
	/*************************/

    .footer-menu-section .Contactus {
        margin-bottom: 23px;
    }
    .footer-social-block {
        margin: 0;
    }
    .working-hours th {
        padding: 0 22px;
    }
    .working-hours td {
        padding: 0 22px;
    }
    .srv-column-inner p {
        min-height: 145px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {

	.ac-item {
	  margin-bottom: 0;
	  padding: 10px 0;
	  border: none;
	}
	.ac-item__title {
	  padding-right: 0;
	  font-size: 1.2em;
	}
    .album-home .album-title {
        line-height: 25px;
        height: 100px;
    }

    .ts-column-inner {
        border-bottom: 1px solid #eaeaea;
    }
    
    .project-subpage .ss_figure img {
      max-height: 300px;
    }
    .service-gray-block .row .col-md-6:last-child {
        overflow: hidden;
    }
    .srv-column-inner p {
        min-height: 145px;
    }
    .boxer-attend-info h4 {
    font-size: 16px;
	}
}
@media (min-width: 768px) {
	.px-md-3 {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media (max-width: 767px) {
    
    .text-title {
        font-size: 24px;
        text-align: center;
    }

    .ac-item {
	  padding: 30px 0;
	  border: none;
  	  margin-bottom: 10px;
	}

    .a-car__img-wrap svg {
    	height: 350px;
    }
    .ts-column-inner {
        border-bottom: 1px solid #eaeaea;
    }

    .footer-social-block {
        margin: 0;
    }

    .service-gray-block .service-gray-inner .accordion.panel-group, 
    .service-gray-block .supplier-gray-inner .accordion.panel-group,
    .supplier-gray-inner  ul.dot.split {
      margin-top: 15px;
      clear: both;
    }
    
    .service-gray-block h2 {
        font-size: 22px;
    }
    .service-block-container p {
      height: auto;
    }

    .text-section .address-list {
        font-size: 14px;
    }
    .dl-email-block {
        margin-left: 30px;
    }

    .Contact-page li.nav-item .nav-link {
        font-size: 12px;
        font-weight: bold;
    }

    .home-top-service > .container {
    	padding-right: 0 !important;
  		padding-left: 0 !important;
    }

    .dl-accordion dd {
      display: block;
      clear: both;
      margin-left: 10px;
    }

    .project-accordion .panel-special .panel-title, .project-accordion .panel-special h4.panel-title > a,
    .project-accordion .panel-special h4.panel-title > a:hover, .project-accordion .panel-special h4.panel-title > a:focus {
      font-size: 15px !important;
      font-weight: 700 !important;
      letter-spacing: 0;
    }
    .project-accordion .row.no-gutters > div {
      padding-right: 1px;
      padding-left: 1px;
    }
}/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */


/*
 *  Owl Carousel - Core
 */

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}


/* No Js */

.no-js .owl-carousel {
    display: block;
}


/*
 *  Owl Carousel - Animate Plugin
 */

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


/*
 *  Owl Carousel - Auto Height Plugin
 */

.owl-height {
    transition: height 500ms ease-in-out;
}


/*
 *  Owl Carousel - Lazy Load Plugin
 */

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}


/*
 *  Owl Carousel - Video Plugin
 */

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}




/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */


/*
 *  Default theme - Owl Carousel CSS File
 */

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none;
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 5px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}

/************ Custom by john ***************/
.owl-carousel .owl-thumbnail {

  overflow: hidden;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.owl-carousel .owl-thumbnail img {
    /*height: 100px;
    max-width: 150px;*/
    width: auto !important;
    margin-right: auto;
    margin-left: auto;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    
}
.owl-carousel .owl-thumbnail {
    margin: 20px;
}
.owl-carousel .caption h4 {

  line-height: 1.3;
}

.owl-theme .owl-nav {


}

.owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next {  
  position: absolute;
  top: 50%;
  transform: translateY(-100%);
  background-color: transparent;
  font-size: 1px;
  color: transparent;


}
/*
.owl-theme .owl-nav .owl-prev {
    left: -40px;
}
.owl-theme .owl-nav .owl-next {
    right: -40px;
}
*/
.owl-theme .owl-nav .owl-prev::before { 
    content: "\f053";
    margin-right:5px;
    
}
.owl-theme .owl-nav .owl-next::before {  
    content: "\f054";
    margin-right:5px;
    
}
.owl-theme .owl-nav .owl-prev:hover, .owl-theme .owl-nav .owl-next:hover {

  background-color: transparent;
}
.owl-theme .owl-nav .owl-prev:before, .owl-theme .owl-nav .owl-next:before {

  font: normal normal normal 40px/1 'Font Awesome 5 Solid';
  color: #163651;
}
.owl-theme .owl-nav .owl-prev:hover:before, .owl-theme .owl-nav .owl-next:hover:before {

  color: #00a5df;
}


/*.owl-theme .owl-nav .owl-prev {
  right: -50px;
}
.owl-theme .owl-nav .owl-next {
  left: -50px;
}*/

@media (min-width: 1200px) {

    .owl-carousel .caption {
      height: 250px;
      overflow: hidden;
    }
    .owl-carousel .caption h4 {
      height: 70px;
      overflow: hidden;
    }
    .owl-carousel .caption p.brief {
      height: 95px;
      overflow: hidden;
    }
}
@media (min-width:992px ) and (max-width: 1199px) {
  
    .owl-carousel .caption {
      height: 250px;
      overflow: hidden;
    }
    .owl-carousel .caption h4 {
      height: 70px;
      overflow: hidden;
    }
    .owl-carousel .caption p.brief {
      height: 95px;
      overflow: hidden;
    }
}
@media (min-width: 768px) and (max-width: 991px) {

    .owl-carousel .caption {
      height: 250px;
      overflow: hidden;
    }
    .owl-carousel .caption h4 {
      height: 70px;
      overflow: hidden;
    }
    .owl-carousel .caption p.brief {
      height: 95px;
      overflow: hidden;
    }
}


@media (max-width: 767px) {

    .owl-carousel .caption {
      height: 200px;
      overflow: hidden;
    }
    .owl-carousel .caption h4 {
      height: 45px;
      overflow: hidden;
    }
    .owl-carousel .caption p.brief {
      height: 70px;
      overflow: hidden;
    }

    .owl-carousel .owl-nav {

        /*display: none;*/
    }

    .owl-carousel .owl-thumbnail img {
        /*height: 80px;*/
    }

}@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}

@keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        transform: translate3d(0, 10px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpSmall {
    animation-name: fadeInUpSmall;
    animation-duration: 0.3s !important;
}
@keyframes fadeOutDownSmall {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 10px, 0)
    }
}

.fadeOutDownSmall {
    animation-name: fadeOutDownSmall;
    animation-duration: 0.3s !important;
}
/************************************/
@-webkit-keyframes fadeInLeftSmall {
 0% {
  opacity:0;
  -webkit-transform:translateX(-20px);
  transform:translateX(-20px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}
@keyframes fadeInLeftSmall {
 0% {
  opacity:0;
  -webkit-transform:translateX(-20px);
  transform:translateX(-20px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}
.fadeInLeftSmall {
 -webkit-animation-name:fadeInLeftSmall;
 animation-name:fadeInLeftSmall;
}
/**********/
@-webkit-keyframes fadeInRightSmall {
 0% {
  opacity:0;
  -webkit-transform:translateX(20px);
  transform:translateX(20px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}
@keyframes fadeInRightSmall {
 0% {
  opacity:0;
  -webkit-transform:translateX(20px);
  transform:translateX(20px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}
.fadeInRightSmall {
 -webkit-animation-name:fadeInRightSmall;
 animation-name:fadeInRightSmall;
}

/******************************************************/
.inject-animation { opacity: 0; }
.AnimateOnLoad.is-hidden { opacity: 0; }
.carousel-inner .item:not(.active) .caption-animation, 
.carousel-inner .item:not(.active) .carousel-caption2
.carousel-inner .item.next .caption-animation { 
	opacity: 0 !important; 
}
.carousel-inner .item.active .caption-animation, .carousel-inner .item.active .AnimateOnLoad, .carousel-inner .item.active .AnimateOnLoadfadeInLeft {
	animation-duration:1.4s;
	animation-fill-mode:both;
	animation-iteration-count: 1;
}
.delay01 {
	animation-delay: 0.1s;
}
.delay02 {
	animation-delay: 0.5s;
}
.delay03 {
	animation-delay: 0.9s;
}
.delay04 {
	animation-delay: 0.3s;
}
/*.carousel-inner .item.active .caption-animation.roll {

	-webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    animation-name: rollIn;
}*/
/******************************/
.scroll-down-arrow {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.scroll-down-arrow:hover {
  opacity: .5;
}

.scroll-down-arrow i {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: scrollDown 2s infinite;
  animation: scrollDown 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
.scroll-down-arrow i:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.scroll-down-arrow i:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
.scroll-down-arrow i:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes scrollDown {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scrollDown {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/***** Another type of scorll down ********/
.scroll-down-one-arrow {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #fff;
  text-decoration: none;
  transition: opacity .3s;
  opacity: 0.5;
	
	width: 25px;
	height: 39px;
}
.scroll-down-one-arrow:hover {
  opacity: 0.3;
}
.scroll-down-one-arrow i::before {
	color: white;
	display: block;
	font-size: 24px;
}
.scroll-down-one-arrow i {

	margin-top: 0;
    display: block;
    -webkit-animation: sdb04 3s;
    -moz-animation: sdb04 3s;
    animation: sdb04 3s;
        animation-iteration-count: 1;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: translate(0, 0);
  }
  20% {
    -webkit-transform:  translate(0, 25px);
  }
  40% {
    -webkit-transform:  translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform:  translate(0, 25px);
  }
  40% {
    transform:  translate(0, 0);
  }
}  /*
    Flaticon icon font: Flaticon
    Creation date: 01/08/2019 09:08
    */

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("font/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
  font-size: inherit;
  font-style: normal;
}

.flaticon-shovel:before { content: "\f100"; }
.flaticon-pick-mattock:before { content: "\f101"; }
.flaticon-phone-call:before { content: "\f102"; }
.flaticon-placeholder:before { content: "\f103"; }
.flaticon-envelope:before { content: "\f104"; }
.flaticon-agronomy:before { content: "\f105"; }
.flaticon-harvest:before { content: "\f106"; }
.flaticon-cotton:before { content: "\f107"; }
.flaticon-farmer:before { content: "\f108"; }
.flaticon-marijuana-plantation:before { content: "\f109"; }
.flaticon-agriculture:before { content: "\f10a"; }
.flaticon-trees:before { content: "\f10b"; }
.flaticon-grain:before { content: "\f10c"; }
.flaticon-tractor:before { content: "\f10d"; }
.flaticon-engineer:before { content: "\f10e"; }
.flaticon-transgenic:before { content: "\f10f"; }
.flaticon-tractor-1:before { content: "\f110"; }
.flaticon-agriculture-1:before { content: "\f111"; }
.flaticon-drone:before { content: "\f112"; }
.flaticon-farmer-1:before { content: "\f113"; }
.flaticon-agronomy-1:before { content: "\f114"; }
.flaticon-agriculture-2:before { content: "\f115"; }
.flaticon-agriculture-3:before { content: "\f116"; }
.flaticon-tractor-2:before { content: "\f117"; }
.flaticon-agriculture-4:before { content: "\f118"; }
.flaticon-agriculture-5:before { content: "\f119"; }
.flaticon-cotton-1:before { content: "\f11a"; }
.flaticon-agriculture-6:before { content: "\f11b"; }
.flaticon-farm:before { content: "\f11c"; }
.flaticon-field:before { content: "\f11d"; }
.flaticon-tractor-3:before { content: "\f11e"; }
.flaticon-drone-1:before { content: "\f11f"; }
.flaticon-gmo:before { content: "\f120"; }
.flaticon-plant:before { content: "\f121"; }
.flaticon-tractor-4:before { content: "\f122"; }
.flaticon-drone-2:before { content: "\f123"; }
.flaticon-drone-3:before { content: "\f124"; }
.flaticon-mill:before { content: "\f125"; }
.flaticon-area:before { content: "\f126"; }
.flaticon-field-1:before { content: "\f127"; }
.flaticon-gmo-1:before { content: "\f128"; }
.flaticon-scarecrow:before { content: "\f129"; }
.flaticon-gardening-tools:before { content: "\f12a"; }
.flaticon-shovel-1:before { content: "\f12b"; }
.flaticon-shovel-2:before { content: "\f12c"; }
.flaticon-plant-1:before { content: "\f12d"; }
.flaticon-sprout:before { content: "\f12e"; }
.flaticon-garden:before { content: "\f12f"; }
.flaticon-shovel-3:before { content: "\f130"; }
.flaticon-field-2:before { content: "\f131"; }
.flaticon-rooster:before { content: "\f132"; }
.flaticon-farm-1:before { content: "\f133"; }
.flaticon-buffalo:before { content: "\f134"; }
.flaticon-cow:before { content: "\f135"; }
.flaticon-cow-1:before { content: "\f136"; }
.flaticon-biomass:before { content: "\f137"; }
.flaticon-cow-2:before { content: "\f138"; }
.flaticon-cow-3:before { content: "\f139"; }
.flaticon-hen:before { content: "\f13a"; }
.flaticon-egg:before { content: "\f13b"; }
.flaticon-farmer-2:before { content: "\f13c"; }
.flaticon-fish:before { content: "\f13d"; }
.flaticon-animal:before { content: "\f13e"; }
.flaticon-prawn:before { content: "\f13f"; }
.flaticon-prawn-1:before { content: "\f140"; }
.flaticon-dairy-products:before { content: "\f141"; }
.flaticon-pig:before { content: "\f142"; }
.flaticon-watering:before { content: "\f143"; }
.flaticon-professions-and-jobs:before { content: "\f144"; }
.flaticon-phone-call-1:before { content: "\f145"; }
.flaticon-like:before { content: "\f146"; }
.flaticon-speech-bubble:before { content: "\f147"; }
.flaticon-farmer-3:before { content: "\f148"; }
.flaticon-windmill:before { content: "\f149"; }
.flaticon-tomato:before { content: "\f14a"; }
.flaticon-stall:before { content: "\f14b"; }
.flaticon-fence:before { content: "\f14c"; }
.flaticon-planting:before { content: "\f14d"; }
.flaticon-sprinkler:before { content: "\f14e"; }
.flaticon-clock:before { content: "\f14f"; }
.flaticon-support:before { content: "\f150"; }
.flaticon-quotation:before { content: "\f151"; }
.flaticon-planet-earth:before { content: "\f152"; }
.flaticon-email:before { content: "\f153"; }
.flaticon-worldwide:before { content: "\f154"; }
.flaticon-call:before { content: "\f155"; }
.flaticon-house:before { content: "\f156"; }
.flaticon-play-button:before { content: "\f157"; }
.flaticon-play-button-1:before { content: "\f158"; }
.flaticon-play-button-2:before { content: "\f159"; }

body
{
    direction:rtl;
}
body#inner .container.main-container img {
    max-width: 100% !important;
    height: auto !important;
}
.left-dir {
    direction: ltr;
    display: inline-block;
}
.footer-title::after {
    border-Right: 45px solid white;
    Right: 0;
}
.NewsLetterBlock {
    /*margin-Left: 40px; */
}
.footer-social a {
    float: Right;
}
.address-list .padding {
    margin-Right: 15px; 
}


.owl-theme .owl-nav .owl-prev {
  Right: -40px;
}
.owl-theme .owl-nav .owl-next {
  Left: -40px;
}

.top-contact, 
.top-contact a {
    direction: rtl;
}
.top-contact a {
    margin-Left: 30px;
}
.top-contact a.top-address {
  float: Right;
}
.top-contact a:not(.top-address), 
.header-data-social ul {
  float: Left;
}
.dl-horizontal dt {
    float: Right;
    clear: Right; 
}
.dl-contact dd {
    margin-Right: 50px;
    margin-Left: 5px;
    
    /*padding-Right: 20px;
    border-Right: 1px solid #40607a;*/
}

.explore-timing-left {
    float: Right;
}
.explore-timing-right {
    text-align: Right;
    margin-Right: 74px;
}



.highlight-up {
    padding-Right: 62px;
}
.highlight-up img {
    Right: 0;
}
.highlight-up {
    text-align: Right;
}

.g-subscribe .btn-black {
    margin-Right: -50px !important;
}

.choice-list-left {
    float: Right; 
}
.choice-list-right {
    margin-Right: 76px;
}
.footer-menu-section strong {
    text-align: Right;
}


.section-title .heading-seperator::before {
    Right: 0;
}
.section-title .heading-seperator span::after {
    Right: 45px;
}
.section-title .heading-seperator::after {
    Right: 35px; 
}

.ttm-fid-view-lefticon.inside .ttm-fid-contents {
  padding-Right: 60px;
}
.ttm-fid-view-lefticon.style1 {
    padding-Right: 30px;
}
.ttm-fid-view-lefticon.style1::before {
    Right: 0px;
}
ul.dot li::before, ul.correct li::before {
    Right: 10px; 
}
ul.correct li {
    padding-Right: 40px;
}
@media (min-width: 1200px) {
    .ms-35 {
      margin-Right: 35px !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .dl-contact dd {
        margin-Right: 30px;
        margin-Left: 5px;
        padding-Right: 10px;
    }
}
@media (min-width: 768px) 
{
    .highlight-blog:nth-child(1) {
        border-Right: 20px solid #fff;
    }
    .highlight-blog:nth-child(3) {
        border-Left: 20px solid #fff;
    }
    .featured-icon-box.left-icon .featured-content {
      /*padding-Right: 30px;*/
    }

    
}
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background:black;
    overflow: hidden;

}
.preloader .bg {
    
    z-index: 9999;

    background:#008aa9;
    background-size: cover;

    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    opacity: 0.4;
}

.spinner {
    border: 1px solid transparent;
    border-radius: 5px;
    position: relative;
    transform: translate(-35px,-35px);

    
}
.spinner:before {
     content:'';
     box-sizing:border-box;
     position:absolute;
     top:50%;
     left:50%;
     width:70px;
     height:70px;
     margin-top:0;
     margin-left:0;
     border-radius:50%;
     border:5px solid white;
     border-top-color:black;
     animation:spinner 0.9s linear infinite;


}
@-webkit-@keyframes spinner {
 to {
  transform:rotate(360deg)
 }
}
@keyframes spinner {
 to {
  transform:rotate(360deg)
 }
}
/******** another page loader 3 dots ******************/
.preloader {
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #30c5ff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.preloader>.table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.preloader>.table>.table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    padding: 40px;
    text-align: center;
}

.preloader.loaded {
    opacity: 0;
    visibility: hidden;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}
.sk-three-bounce {
  width: 8em;
  margin: auto;
  text-align: center;
}
.sk-three-bounce .sk-child {
  width: 2em;
  height: 2em;
  background-color: #ffffff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
          animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.sk-three-bounce .sk-bounce-1 {
  -webkit-animation-delay: -0.32s !important;
          animation-delay: -0.32s !important;
}
.sk-three-bounce .sk-bounce-2 {
  -webkit-animation-delay: -0.16s !important;
          animation-delay: -0.16s !important;
}

@-webkit-keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*****************************************************/
.arabic-font {
    font-family:"Cairo" !important;
}
.english-font {
    font-family: 'PT Sans', sans-serif;
    font-weight: 300;
}


    body, td {
        font-family:"Cairo";
        line-height: 25px;
    }
    h1, h2, h3, h4, h5, h6, .footer-copyright, .address-list  {
        font-family: "Cairo";
        font-weight: 600;
        color: #373737;
    }
    .about-page p {
        line-height: 1.8;
        text-align: justify;

    }
    .topmenu .navbar-nav > li > a {
        font-size: 16px;
        font-weight: 600;
    }
    #collapsemenu ul.navbar-nav > li > ul.dropdown-menu > li > a {
        font-size: 15px;
    }
    .footer-contact address {
        font-size: 15px;  
    }
    .footer-text {
        font-size: 16px;
    }
    .sort-info ul li::before {
        margin-right: -12px;
        margin-left: 5px;
    }

    .owl-theme .owl-nav .owl-prev:before {
      content: "\f105";
    }

    .owl-theme .owl-nav .owl-next:before {
      content: "\f104";
    }
    
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      text-align: right;
    }
    ::-moz-placeholder { /* Firefox 19+ */
      text-align: right;
    }
    :-ms-input-placeholder { /* IE 10+ */
      text-align: right;
    }
    
    @media (min-width: 1200px) 
    {
        .carousel-caption2 h3 {
            font-size: 50px;
        }
        .ac-item__title {
          padding-right: 0;
          font-size: 1.5em;
        }
        .ac-item__description {
            font-size: 1em;
        }
    }

    @media (min-width: 768px) and (max-width: 1199px)
    {
        .topmenu .navbar-nav > li
        {
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 15px;
            padding-right: 15px;

        }
        .topmenu .navbar-nav > li > a {
            padding:4px 0;
            font-size: 15px;
        }
    }

    @media (min-width: 768px) 
    {
        
    }
    @media (max-width: 767px) 
    {
        #collapsemenu > ul.navbar-nav > li > ul.dropdown-menu { 
            margin-right: 16%; 
            text-align: right;
        }
    }




/********************** Bootstrap two AR/EN Lang support **************/
.topmenu .Social a 
{
    float:Right; 
}


.topmenu .navbar-nav > li 
{

    /*float:Right;*/
    
    
}
.service-gray-block .supplier-gray-inner {
    padding-Right: 75px;
    background-position: Right 0;
}

@media (min-width: 1400px) {
    .scroll-top-wrapper {
        Left:80px; 
    }
}
@media (max-width: 1399px) {
    .scroll-top-wrapper {
        Left:10px; 
    }
}
@media (min-width: 1200px) 
{

    .topmenu .navbar-nav > li
    {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;

    }

    .topmenu .navbar-nav > li > a
    {
        padding:4px 0;

    }
}
@media (min-width: 768px) and (max-width: 1199px)
{
    .topmenu .navbar-nav {
        padding: 0;
    }
}

@media (min-width: 768px) {
    .ts-column-inner {
        border-Left: 1px solid #eaeaea;
    }
}
@media (max-width: 767px) 
{
    .top-contact a:not(.top-address) {
          float: Right !important;
          direction: ltr;
          border: 1px solid rgba(255, 255, 255, 0.7);
          border-radius: 11px;
          line-height: 22px;
          padding-right: 5px;
          padding-left: 5px;
    }
    .topmenu .navbar-nav 
    {
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 5px;

        text-align: center;
        font-size: 20px;

    }
    .topmenu .navbar-nav > li > a
    {
        padding:15px 0 !important;
        text-align: center;
        font-size: 22px;
        color: #fff;

    }
    .topmenu .navbar-nav > li.active-link > a {
      color: #fff;
    }
    .topmenu .navbar-nav > li > a:hover, .topmenu .navbar-nav > li > a:focus {
      color: #30c5ff;
    }
    .dropdown-toggle {
        padding-left: 20px !important;
    }

    .footer-menu-section .footer-menu li {
        float: Right;
    }

    .service-gray-block .service-gray-inner .accordion.panel-group, 
    .service-gray-block .supplier-gray-inner .accordion.panel-group,
    .supplier-gray-inner  ul.dot.split {
      margin-Right: -75px;
    }
}

.flexbox-row {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flexbox-column {

    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

}