@charset "utf-8";

.top_bg { background:#000;}

.h1-single-top-block {
    padding: 10px 25px 10px 0;
}
.h1-single-top-block {
    display: inline-block;
    padding-right: 15px;
    margin-right: 15px;
    line-height: 25px;
    border-right: 1px solid #242424;
}
.h1-single-top-block:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: unset;
}
.h1-single-top-block i.fa {
    color: #008aff;
    margin-right: 10px;
    font-size: 15px;
}
.h1-single-top-block strong {
    font-weight: 600;
    color: #ffffff;
}
.h1-single-top-block span,
.h1-single-top-block a {
    color: #ffffff;
    font-weight: 300;
}
.h1-single-top-block a:hover{
    color: #008aff;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

.right .feature li {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
}

table {
  font-family: arial, sans-serif !important;
  border-collapse: collapse !important;
  width: 100%;
  font-size: 16px;
}

td, th {
  border: 1px solid #dddddd !important;
  text-align: left !important;
  padding: 8px !important;
}

tr:nth-child(even) {
  background-color: #dddddd !important;
}



ul.feature {
    list-style: disc;
}

.right .feature li span {
    color: #0a78d6;
}

.back {
    background-repeat: no-repeat !important;
   
    background-size: 541px 409px !important;
    background-position: center !important;
}

.rows {
    display: flex;
       align-items: center;
    
}



.wirit-mode h2 {
    writing-mode: vertical-rl;
    font-size: 37px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0;
    margin: 0 19px;
    -webkit-text-stroke-width: 1px;
    color: transparent;
    color: rgb(238, 238, 238);
}


.rows .left {
    width: 50%;
    min-height: 400px;
   
}
.service {
    padding: 70px 0px;
}

.box_img img {
    width: 400px;
    height: 350px;
    object-fit: cover;
}


.wirit-mode {
    position: absolute; 
    width: 100px;
}

.rows:nth-of-type(odd) .content {
    padding-right: 70px;
}

.rows:nth-of-type(odd) .wirit-mode {
    right: 50%;
    
}



.content {
    padding-left: 72px;
}

.rows:nth-of-type(odd) .wirit-mode h2 {
    margin: 0px 42px;
}



.content h2 {
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 400;
    color: #000;
    padding: 0px 0px 19px !important;
    margin: 0;
}
.content p {
    font-size: 17px;
    line-height: 30px;
    text-align: justify;
}

.rows .right {
    width: 50%;
}
.rows:nth-of-type(odd) {
 flex-direction: row-reverse;

}


.lang_sel {font-family: 'Roboto', sans-serif; text-align:left; font-size:16px; color:#FFF; margin-top:8px; }

.header {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+29,000000+29,000000+29 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 29%, #000000 29%, #000000 29%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ffffff 29%,#000000 29%,#000000 29%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ffffff 29%,#000000 29%,#000000 29%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding-bottom:20px;
		
	}

.logo { margin-top:25px;}


.box{ margin-top:50px !important;}
.box h1 {font-family: 'Oswald', sans-serif; text-align:center; font-size:34px; color:#000; font-weight:600 ; }
.box h3{font-family: 'Roboto', sans-serif; text-align:center; font-size:20px; color:#000; font-style:italic;}

.box_1 { margin-top:80px !important; height:200px; border-right:#CCC thin solid;}
.box_1 h2{font-family: 'Roboto', sans-serif; text-align:center; font-size:22px; color:#008aff; font-weight:600; text-transform:uppercase;}

.box_1 p{font-family: 'Roboto', sans-serif; text-align:center; font-size:16px; color:#000;}
.box_1:hover { background-color:#008aff;}
.box_1:hover p, .box_1:hover h2{ background-color:#008aff; color:#FFF;}
.static { background-color:#008aff; color:#FFF;}
.static p{ color:#FFF;}
.static h2{ color:#FFF;}

.black_bg { background-color:#161a1d; padding:50px; margin-top:50px !important;}
.black_bg h1 {font-family: 'Oswald', sans-serif; text-align:left; font-size:34px; color:#008aff; text-transform:uppercase; font-weight:600 ;}
.black_bg  p{font-family: 'Roboto', sans-serif; text-align:justify; font-size:18px; color:#fff; padding-right:80px; padding-top:25px; line-height:35px; } 

.read_more a{font-family: 'Roboto', sans-serif; font-size:18px; color:#fff; text-align:center; padding:15px 100px 15px 100px !important; margin-top:50px; margin-left:20px; float:left; border:#008aff thin solid;} 
.read_more a:hover{ background:#008aff; color:#FFF; transition:0.6s;}

.icon_box { margin-top:50px !important;  text-align:center; padding:80px;}
.icon_box i { color:#008aff;}
.icon_box h2{font-family: 'Roboto', sans-serif; text-align:center; font-size:22px; color:#000; font-weight:600; text-transform:uppercase;}
.icon_box  p{font-family: 'Roboto', sans-serif; text-align:justify; font-size:16px; color:#000;}

.home_photos { margin-top:0px !important;}
.home_photos h1 {font-family: 'Oswald', sans-serif; text-align:center; font-size:34px; color:#008aff; text-transform:uppercase; font-weight:600 ;}
.box_img{ padding:20px;}

.footer{ background-color:#000; margin-top:20px !important;}

.footer h1{font-family: 'Oswald', sans-serif; color:#fff; text-align:left; font-size:24px; border-bottom:#008aff 1px solid; padding:5px;}

.footer ul{ list-style:none; margin-left:-40px;}
.footer li{ display:block; padding:5px;}
.footer a{ font-family:'Roboto', sans-serif; font-size:16px; color:#fff; text-decoration:none; text-align:left;}
.footer a:hover{ color:#008aff; text-decoration:none;}




.h1-social-media{
    float: right;
    display: block;
    overflow: hidden;
}
.h1-social-media ul{
    margin: 0;
    padding: 0;
}
.h1-social-media ul li {
    list-style: none;
    display: inline-block;
    overflow: hidden;
    margin-right: 15px;
}
.h1-social-media ul li a{
    width: 30px;
    height: 30px;
    color: #868686;
    text-decoration: none;
    outline: none;
    box-shadow: none;
	margin-top:20px !important;
}
.h1-social-media ul li a i.fa {
    color: #fff;
    font-size: 15px;
}
.h1-social-media ul li a:hover{
    text-decoration: none;
    outline: none;
    box-shadow: none;
}
.h1-social-media ul li:last-child {
    margin-right: 0;
}
.h1-social-media ul li a:hover .fa-facebook {
    color: #3b5998;
}
.h1-social-media ul li a:hover .fa-twitter {
    color: #1da1f2;
}
.h1-social-media ul li a:hover .fa-linkedin {
    color: #164291;
}
.h1-social-media ul li a:hover .fa-youtube {
    color: #d10000;
}


.footer p{font-family: 'Roboto', sans-serif; font-size:15px; color:#fff; text-align:left; padding:5px !important;}

.lang_sel{ padding-top:25px;}

.footer_bdr { border-bottom:#008aff solid thin; padding-bottom:20px !important;}
.shreya a { padding-top:10px !important;}
.copyright { text-align:right !important; font-family: 'Roboto', sans-serif; font-size:16px; padding:5px !important;
 color:#fff;}

.other_banner { margin-top:20px !important;}
.contact_div{ margin-top:40px !important;}
.contact_div h1 {font-family: 'Oswald', sans-serif; text-align:left; font-size:34px; color:#008aff; text-transform:uppercase; font-weight:600 ;}
.contact_div h3{font-family:'Sarabun', sans-serif; font-size:18px; color:#000; font-weight:bold; text-align:left;}
.contact_div p{font-family:'Roboto', sans-serif; font-size:16px; color:#000; text-align:left;  }
.map h1{font-family:'Roboto', sans-serif; font-size:30px; color:#b20000; font-weight:bold; text-align:center; text-decoration:underline; }
.contact_div img{ margin-top:20px !important; text-align:center;}

.inquiry_div { margin-top:30px;}
.inquiry_div h1 {font-family: 'Oswald', sans-serif; text-align:left; font-size:34px; color:#008aff; text-transform:uppercase; font-weight:600 ;}
.inquiry_div h3{font-family:'Roboto', sans-serif; font-size:16px; color:#000; text-align:left; text-transform:uppercase; font-weight:700 ;}

.inquiry_div img{ margin-top:40px !important;}

.submit{  background-color:#008aff; border:#FFF solid thin; padding:12px 20px 12px 20px; text-align:center; font-family:'Roboto', sans-serif; font-size:20px; font-style:italic; color:#fff;  }
.submit:hover{ background-color:#000; color:#FFF}


#text2 {
    border: 1px solid #008aff;
    height: 50px;
    width: 90%;
    /*box-shadow: 0 0 27px rgb(204, 204, 204) inset;*/
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
	background:none;
}

#text2:hover,
#text2:focus {
    width: 90%;
    transition: 500ms all ease;
    /*
    background-size: 25px 25px;
    background-position: 96% 62%;
    padding: 3px 32px 3px 3px;*/
	box-shadow:#ccc 0 0 15px;
}

.profile_div { margin-top:40px !important;}
.profile_div img{ margin-top:40px;}
.profile_div h1{font-family: 'Oswald', sans-serif; text-align:left; font-size:34px; color:#008aff; text-transform:uppercase; font-weight:600 ;}
.profile_div h1 span{ color:#F60;}
.profile_div h3{ font-family: 'Oswald', sans-serif; font-size:25px; color:#000; font-weight:600; text-align:left; background-color:#ededed; padding:5px;}
.profile_div p{ font-family:'Roboto', sans-serif; font-size:17px; color:#000; text-align:justify; margin-top:20px !important;}
.profile_div ul li{ font-family:'Roboto', sans-serif; font-size:16px; color:#000; text-align:left;}


.service_div { margin-top:40px !important;}
.service_div h1{font-family: 'Oswald', sans-serif; text-align:left; font-size:30px; color:#008aff; text-transform:uppercase; font-weight:600 ;}
.service_div p{ font-family:'Roboto', sans-serif; font-size:17px; color:#000; text-align:justify; margin-top:20px !important;}
.service_div ul { margin-top:25px;}
.service_div ul li{ font-family:'Roboto', sans-serif; font-size:20px; color:#000; text-align:left; margin-top:15px;}


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

.header {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+39,000000+39 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 39%, #000000 39%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 39%,#000000 39%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 39%,#000000 39%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	}
	
	.logo { background-color:#FFF;}
	
}



@media screen and (max-width:768px){

.header {background:none;}
	
	.logo { background-color:#FFF;}
	.box_1 { margin-top:20px !important; height:auto;}
	.box_1 h2 { font-size:19px;}
	.box_1 p { font-size:15px;}
	.read_more a {padding:15px 50px 15px 50px !important;}
	.black_bg { padding-right:0px; padding-top:10px;}
	.icon_box { margin-top:20px; padding:20px;}
	.icon_box  p{font-family: 'Roboto', sans-serif; text-align:center; font-size:16px; color:#000;}
	
	

}