#temp { 

    font-family: 'Ubuntu', sans-serif;

    font-family: 'Open Sans', sans-serif;

}
body, html { padding: 0; margin: 0;}
body { font-size: 16px; color: #212121; position: relatie;  font-family: 'Open Sans', sans-serif; font-weight: 400;}
#nav-bar { width: 100%; background: #fff;  top: 0; left: 0; z-index: 5;}
#butup { display: block; text-decoration: none; width: 60px; height: 60px; line-height: 60px; color: #fff; text-align: center; border-radius: 60px; position: fixed; bottom: 30px; right: 30px; background: #0071c5; opacity: 0.4; transition: 0.3s; display: none;}
.menures { position: fixed; top: 0; left: 0; -webkit-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.17);
box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.17);}
.in-content1h { padding: 5px 0 !important; }
.check-box { padding: 6px 0; width: 100%;}
.check-box input { padding: 5px; border: 1px solid #000;}
#additional-form { width: 100%; position: fixed; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 20; display: none;}
#in-ad-form { width: 90%; overflow: scroll; height: 90%; margin: 30px auto; background: #fff; border-radius: 10px; position: relative; text-align: center;}
#in-ad-form  .blue-bar { margin: 0 auto 30px auto; }
#inin { padding: 30px;}
#butup i { line-height: 56px; font-size: 24px;}
#butup:hover { opacity: 1;}
#logo { float: left;}
#buttons-nav { float: right; transition: 0.3s;}
.button-nav-none {  height: 0; overflow: hidden;}
a.but1 { float: left; display: block; color: #fff; font-weight: 700;  font-family: 'Ubuntu', sans-serif; background: #1e50af; padding: 15px 30px; transition: 0.3s; text-decoration: none;}
a.but2 { float: left; display: block; color: #fff; font-weight: 700;  font-family: 'Ubuntu', sans-serif; background: #29d0e9; padding: 15px 30px; margin-left: 20px; transition: 0.3s; text-decoration: none;}
a.but1:hover { background: #3175f5;}
a.but2:hover { background: #5feaff;}
.but1 i, .but2 i { margin-left: 10px;}
#header-bar { width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7abcff+0,303da7+0,0071c5+100 */
background: #7abcff; /* Old browsers */
position: relative;
background: -moz-linear-gradient(top,  #7abcff 0%, #303da7 0%, #0071c5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7abcff 0%,#303da7 0%,#0071c5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7abcff 0%,#303da7 0%,#0071c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#0071c5',GradientType=0 ); /* IE6-9 */
 text-align: center; }
#form-bar { color: #fff; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7abcff+0,303da7+0,0071c5+100 */
background: #7abcff; /* Old browsers */
background: -moz-linear-gradient(top,  #7abcff 0%, #303da7 0%, #0071c5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7abcff 0%,#303da7 0%,#0071c5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7abcff 0%,#303da7 0%,#0071c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#0071c5',GradientType=0 ); /* IE6-9 */
 text-align: center; }
.desc-check { text-align: right; width: 48%; margin-right: 4%; float: left; min-height: 10px;}
.check-check  { text-align: left; width: 48%;  float: left;  }

#bghup { position: absolute; top: -2px; left: 0; background: url('../images/bghdown.png') bottom center no-repeat; height: 38px; width: 100%;}
#bghdown { position: absolute; bottom: -2px; left: 0; background: url('../images/bghup.png') bottom center no-repeat; height: 38px; width: 100%;}
 
#inheader { width:1180px; margin: 0 auto; text-align: left; padding: 15px 0;}
#header-bar h3 { color: #fff; font-size: 40px;  font-family: 'Ubuntu', sans-serif; font-weight: 700; text-transform: uppercase;} 
.blue-bar { width: 50px; height: 2px; line-height: 0; font-size: 0; background: #0987d1; margin-bottom: 20px;}
p { line-height: 26px;}
.head-each { width: 30%; margin-right: 3%; float: left; border-right: 1px solid #8195c8;}
.head-each-last { border-right: none !important; width: 33% !important; margin-right: 0%;}
.alfot { width: 100%; height: 0; font-size: 0; line-height: 0; clear: both;}
h2 { font-size: 37px; margin: 20px 0 20px 0;}
.in-content { width:1180px; margin: 0 auto; text-align: left; padding: 50px 0;}
.in-content1 { width:1180px; margin: 0 auto; text-align: left; padding: 20px 0; transition: 0.3s;}
#img-logo { transition: 0.3s; width: 100%;}
.img-logoh { width: 70% !important;}
#why-us-left { width: 55%; float: left; margin-right: 5%;}
#why-us-right { width: 40%; float: left; background: #ecf1f5; transition: 0.3s;}
#why-us-right:hover { background: #eefdff;}
#why-us-right #in-why-us { padding: 20px 40px;}
h4 { font-size: 24px; font-weight: 700;  font-family: 'Ubuntu', sans-serif; margin: 20px 0;}
#why-us-left p { margin-bottom: 20px; font-size: 15px; color: #313131; line-height: 24px; transition: 0.3s;}
#why-us-left p:hover { transform:scale(1.1); -webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); -o-transform:scale(1.1);}
#why-us-left p i { color: #0a86d0; margin-right: 5px; float: left; font-size: 30px; margin-top: 10px; margin-right: 20px;}
#why-us-right p { margin-bottom: 20px; font-size: 15px; color: #313131; line-height: 24px;}
#why-us-right p i { color: #0a86d0; margin-right: 5px; float: left; font-size: 30px; margin-top: 10px; margin-right: 20px;}
#ship-box i { font-size: 200px;}
#ship-box {  width: 100%; text-align: center;}
#myslider_position { position: relative;}
.myslider_slide { position: absolute; top: 40px; left: 0; opacity: 0; transition: 1s;}
.myslider_slide2 { position: absolute; top: 40px; left: 0; opacity: 0; transition: 1s;}
.myslider_slide3 { position: absolute; top: 40px; left: 0; opacity: 0; transition: 1s;}
.active { opacity: 1 !important; transition: 1s; top: 0;}
.head-title { margin-top: 280px;}
#footer-bar { width: 100%; background: #ecf1f5; text-align: center; clear: both;}
#footer-note { width: 100%; clear: both; background: #242424; height: 60px; line-height: 60px; text-align: center; color: #787878;}
#footer-note a { color: #787878; transition: 0.3s; text-decoration: none;}
#footer-note a:hover { color: #fff;}
#footer-note p { margin: 0; padding: 0; line-height: 60px;}
.foot-each { width: 29%; float: left; margin-right: 4.33%;}
.head-img { margin-top: 40px;}
.ship-bar { width: 100%; margin-top: 10px;}
.ship-l { float: left; margin-right: 10px;}
.ship-r { float: left; line-height: 40px;}
.email-l { float: left; font-size: 32px;}
.email-r { float: left; margin-left: 10px; font-weight: 400;   font-family: 'Ubuntu', sans-serif; font-size: 24px;}
#form-bar h2 { color: #fff;}
#form-l  { width: 30%; float: left;}
#form-r { width: 55%; float: left; margin-left: 5%;}
#name-box { border: 1px solid #28ade9;  border-radius: 4px; padding: 10px 20px; margin-bottom: 10px;}
#email-box { border: 1px solid #28ade9;  border-radius: 4px; padding: 10px 20px; margin-bottom: 10px;}
#mobile-box { border: 1px solid #28ade9;  border-radius: 4px; padding: 10px 20px; margin-bottom: 10px;}
#name-box input, #email-box input, #mobile-box input { background: none; border: none; color: #28ade9; font-size: 16px;}
textarea#text-message { border: 1px solid #28ade9; background: none;  color: #28ade9; font-size: 16px;  font-family: 'Open Sans', sans-serif; font-weight: 400; text-align: left; width: 100%; padding: 20px; margin: 20px 0; white-space: pre-line;}

#additional-form   textarea {  background: none;  border: 1px solid #000;   font-family: 'Open Sans', sans-serif; font-weight: 400; text-align: left; width: 80%; padding: 20px; margin: 20px 0; white-space: pre-line;}
.checks { float: left; width: 33.33%; font-weight: 700;}
input#send-email { padding: 10px 20px; color: #fff; background: #28ade9; border: none; transition: 0.3s; cursor: pointer;}
input#send-email:hover {background: #4bc7ff; }
#logo a { display: block; margin: 0 auto; text-align: center;}

#message-good { position: fixed; font-weight: 700; color: #00c509; font-size: 17px; top: 50%; width: 40%; margin: 0 30%; background: #fff; border: 3px solid #00c509; padding: 20px; text-align: center;}
#message-bad { position: fixed; font-weight: 700; color: #d71818; font-size: 17px; top: 50%; width: 40%; margin: 0 30%; background: #fff; border: 3px solid #d71818; padding: 20px; text-align: center;}

span.close { position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; display: block; background: url('../images/close.png'); cursor: pointer; opacity: 0.5; transition: 0.3s;}
span.close:hover { opacity: 1;}
span.close2 { position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; display: block; background: url('../images/close.png'); cursor: pointer; opacity: 0.5; transition: 0.3s;}
span.close2:hover { opacity: 1;}
.desc-head { display: none; color: #fff;}
.desc-head p {padding: 20px 20px 0 0;}
@media all and (max-width: 1180px){
	#inheader, .in-content, .in-content1 { width: 94%;
margin: 0 3%;}
@media all and (max-width: 980px){
	.desc-head p { line-height: 16px !important; font-size: 13px; }
}
@media all and (max-width: 768px){
	#why-us-left, #why-us-right, #form-l, .foot-each { width: 100%;}
	#form-r { width: 100%; margin-left: 0%; margin-top: 30px; }
	textarea#text-message { width: 94% }
	h2, h4{ text-align: center;}
	.blue-bar { margin: 0 auto 20px auto;}
	input#send-email { width: 100%; }
	#logo { width: 30%; float: none; margin: 0 auto;}
	#header-bar h3 { font-size: 24px;}
	.head-img img { width: 100%;}
}  

@media all and (max-width: 740px){
	a.but1, a.but2 { width: 100%; padding: 15px 0; text-align: center;}
	a.but2  {   margin-left: 0; margin-top: 5px;}
	#buttons-nav { float: none; width: 100%; transition: 0.3s;}
	#in-ad-form { width: 90%; margin: 30px auto; background: #fff; border-radius: 10px; position: relative;}
}