/*--------------------*/
/* BASIC TYPOGRAPHY */
/*--------------------*/

body,html{
  overflow-x:hidden;
}
body {
 font-family: 'Open Sans', sans-serif;
  overflow-x: hidden !important;
}

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

a{ 
  text-decoration: none;
  color: #2f2f2f;
  
}
a:focus{
  outline: none;
  text-decoration: none;
}
h1,h2{
	font-family: 'Open Sans', sans-serif; 
}
h3,h4,h5,h6{
	font-family: 'Open Sans', sans-serif;	
}

h2 {
  color: #313338;  
  font-size: 72px;
  font-weight: 700;
  line-height: 57px;
  margin: 0;
  padding-bottom: 10px;
  text-transform: uppercase;
}
img{
 border:none;
}

/* Preloader */
#preloader {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#000; /* change if the mask should have another color then white */
  z-index:99999; /* makes sure it stays on top */
}

#status {
  width:200px;
  height:200px;
  position:absolute;
  left:50%; /* centers the loading animation horizontally one the screen */
  top:50%; /* centers the loading animation vertically one the screen */
  background-image:url(img/status.gif); /* path to your loading animation */
  background-repeat:no-repeat;
  background-position:center;
  margin:-100px 0 0 -100px; /* is width and height divided by two */
}

/*scrol to top*/

.scrollToTop {
  bottom: 60px;
  display: none;
  font-size: 32px;
  font-weight: bold;
  height: 50px;
  position: fixed;
  right: 50px;
  text-align: center;
  text-decoration: none;
  width: 50px;
  z-index: 9999;
  color: #fff;  
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;

}
.scrollToTop:hover, .scrollToTop:focus{
  text-decoration: none;
  outline: none;
}


/*--------------------*/
/* HEADER */
/*--------------------*/



/* Top Bar
================================================== */

.top-bar {
   background: #1c9bdc;
   padding: 10px 0;
}

/* Top menu */

.title_top p{
    font-size: 16px;
    color: #fff;
    letter-spacing: 2px;
    margin: 0px;
}
.title_top strong
{
	font-size:24px;
	padding-left: 20px;
}
.top-menu ul{
   text-align: right;
}

.top-menu ul li{
   display: inline-block;
}

.top-menu ul li a{
   color: #fff;
   position: relative;
   padding: 0 12px;
   font-size: 14px;
   border-radius: 0;
   line-height: 14px;
   border-right: 1px solid #999;
}

.top-menu ul li:last-child a{
   border-right: 0;
   padding-right: 0;
}

.top-menu ul li a{
   color: #fff;
}

.top-menu li a:hover{
	color: #1bbc9b;
}

/* Top social */
.top-social
{
    float: right;
}

.top-social ul{
	list-style: none;
  	padding: 0;
  	margin: 0;
	float:right;
}

.top-social li {
  display: inline-block;
  padding: 0;
}

.top-social li a{
   color: #fff;
	margin-right: 15px;
	font-size: 14px;
	-webkit-transition: 400ms;
  	-moz-transition: 400ms;
  	-o-transition: 400ms;
  	transition: 400ms;
}

.top-social li a:hover{
	color: #1bbc9b;
}



#header{
	float: left;
	display: inline;
	width: 100%;
	position: relative;
	height: 81px;
}

.navbar-brand > img {
    display: block;
    height: 100%;
    width: 300px;
}




/*--------.menu_area-------- */


.menu_area
{
    border-radius: 3px;
	width:100%;
	float:left;
	height: 80px;
	box-shadow: 0 18px 40px 0 rgba(0, 0, 0, 0.15);
	
}
.padding_menu
{
		padding: 0px 30px;
	
}


.navbar-right {
    float: right !important;
    margin-right: 0 !important;
}

.navbar-default {
	background-color:#1c9bdc;
	border-color: transparent;
	padding:0px;
	margin: 0px;
}

.navbar-fixed-top {
    top: auto;
}


#navbar
{
	overflow-x: hidden;
	padding:0;
}

.past-main {
  margin-top: 0px;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  top: 0px;

}


.navbar-brand 
{
	height: 50px;
	padding: 0px;                    	
	color: #fff !important;
	font-size: 24px;
	font-weight: bolder;
	font-family: 'Open Sans', sans-serif;
}


.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
  background-color: transparent;
}


.navbar-default .navbar-nav > li > a {
  color: #fff;
  padding: 10px 0px;
  text-transform: uppercase;
  font: 14px "Hind", sans-serif;
	font-weight: 600;
}
.navbar-nav > li {
    padding: 20px 10px;
}

#navbar
{
	float: right;
}


.logo h3 {
    font-size: 26px;
    font-weight: 700;
    font-family: "Hind", sans-serif;
    margin: 0px;
    color: #fff;
	display: inline-block;
	padding: 4% 0%;
}
.title_top
{
    padding: 10px 20px;
}


.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
  background-color: transparent;
  color: #033B90;
  border-bottom: 1px solid;
}


.slider_area{
	float: left;
	display: inline;
	width: 100%;
	position: relative;
}


.slider_overlay {
  background: none repeat scroll 0 0 #242434;
  height: 100%;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9;
}


/*===SLIDER NAVIGATIONS==*/

.slides-navigation a {
	width: 100px;
	height: 100px;
}


.slides-navigation .icon-wrap {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}


.slides-navigation a::before,
.slides-navigation a::after,
.slides-navigation .icon-wrap::before,
.slides-navigation .icon-wrap::after {
	position: absolute;
	left: 50%;
	width: 3px;
	height: 50%;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


.slides-navigation .icon-wrap::before,
.slides-navigation .icon-wrap::after {
	z-index: 100;
	height: 0;
	background: #fff;
	-webkit-transition: height 0.3s, -webkit-transform 0.3s;
	transition: height 0.3s, transform 0.3s;
}


.slides-navigation a::before,
.slides-navigation .icon-wrap::before {
	top: 50%;
	-webkit-transform: translateX(-50%) rotate(-135deg);
	transform: translateX(-50%) rotate(-135deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}


.slides-navigation a.next::before,
.slides-navigation a.next .icon-wrap::before {
	-webkit-transform: translateX(-50%) rotate(135deg);
	transform: translateX(-50%) rotate(135deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}


.slides-navigation a::after,
.slides-navigation .icon-wrap::after {
	top: 50%;
	-webkit-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotate(-45deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}


.slides-navigation a.next::after,
.nslides-navigation a.next .icon-wrap::after {
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
	-webkit-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
}

.slides-navigation h3 {
	position: absolute;
	top: 50%;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 0.85em;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.slides-navigation a.prev h3 {
	left: 100%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

.slides-navigation a.next h3 {
	right: 100%;
	text-align: right;
	-webkit-transform: translateY(-50%) translateX(50%);
	transform: translateY(-50%) translateX(50%);
}

.slides-navigation a:hover .icon-wrap::before,
.slides-navigation a:hover .icon-wrap::after {
	height: 50%;
}

.slides-navigation a:hover::before,
.slides-navigation a:hover .icon-wrap::before {
	-webkit-transform: translateX(-50%) rotate(-125deg);
	transform: translateX(-50%) rotate(-125deg);
}

.slides-navigation a.next:hover::before,
.slides-navigation a.next:hover .icon-wrap::before {
	-webkit-transform: translateX(-50%) rotate(125deg);
	transform: translateX(-50%) rotate(125deg);
}

.slides-navigation a:hover::after,
.slides-navigation a:hover .icon-wrap::after {
	-webkit-transform: translateX(-50%) rotate(-55deg);
	transform: translateX(-50%) rotate(-55deg);
}

.slides-navigation a.next:hover::after,
.slides-navigation a.next:hover .icon-wrap::after {
	-webkit-transform: translateX(-50%) rotate(55deg);
	transform: translateX(-50%) rotate(55deg);
}

.slides-navigation a:hover h3 {
	opacity: 1;
	-webkit-transform: translateY(-50%) translateX(0);
	transform: translateY(-50%) translateX(0);
}

/*===SLIDER CAPTION===*/

.slider_caption {
  margin-top: 12%;
  padding: 0 13%;
  position: relative;
  text-align: center;
  z-index: 999;
}

.slider_caption > h2 {
  color: #ffffff;
  font-size: 65px;
  font-weight: 700;
  line-height: 76px;
  margin: 0 auto 10px;
  padding-bottom: 8px;
  text-align: center;
  text-transform: uppercase;
  width: 90%;
}


.slider_caption>p{
	color: #ffffff;
	font-size: 20px;	
}


.slider_caption>a{		
	margin-top: 30px;	
}


.slider_btn{
	padding: 10px 15px;
	border: 2px solid #fff;
	color: #fff;
	font-size: 20px;
	display: inline-block;
	text-transform: uppercase;
}


.slider_btn:hover,.slider_btn:focus{
	text-decoration: none;
}




/*--------------------*/
/* HOME SECTION */
/*--------------------*/

.slider_img
{
    float: left;
    display: inline;
    width: 100%;
    background: transparent url(../images/STV_0111.jpg) repeat fixed 0% 0% / cover;
    height: 500px;
}
#home
{
	display: inline;
	float: left;
	width: 100%;
	padding:0px 0px ;
  	background:#1c9bdc;

}

#home .no-pad
{
	padding:0px;
}

#home .contact_block_home
{
	background:#1c9bdc;
	width:100%;
	float: left;
	padding: 20px 30px;
}
.item_cont
{
    float: left;
    width: 100%;
    padding: 10px 0px;
}

#home .item_cont p 
{
    font-size: 18px;
    text-align: center;
    font-weight: 800;
    color: #fff;
}

#home .item_cont .fa 
{
    font-size: 60px;
    color: #fff;
    text-align: center;
    padding-bottom: 10px;
}
.title_main
{
  display: inline;
  float: left;
  width: 100%;
  text-align:center;
}

.title_main h2
{
    color: #000;
	font-size: 26px;
	text-transform: uppercase;
	padding-bottom: 30px;
	font-weight: 200;
	background: url(../images/line_border.png) no-repeat center bottom;
	height: 90px;
	margin-bottom: 5px;
}
.title_main h2 span
{
    color: #1c9bdc;
}
.title_main  p
{
    font: 16px 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 23px;
}

.home_info
 {
    display: inline;
    float: left;
    width: 100%;
	padding-top: 50px;
	padding-bottom:50px;
}
.home_info .text_left, .home_info .text_right
{
	text-align: justify;
    margin-bottom: 18%;
}

.home_info p
{
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 24px;
	text-transform: capitalize;
	letter-spacing: 1px;
}

.center_img
{
    float: left;
    width: 100%;
    min-height: 300px;
    background-image: url(../images/center33.png);
    background-repeat: no-repeat;
    background-position: center center;
}


#about_2
{
	display: inline;
	float: left;
	width: 100%;
	padding:0px 0px ;
  	background:#fff;

}

.about_block
{
    float: left;
    width: 100%;
}
.box_padding {
    padding: 20px 30px;
	background-color: #f3f3f3;
	text-align: justify;
}

.img_home_1
{
	background-image:url(../images/STV_0014.jpg);
	    background-repeat: no-repeat;
    background-position: center center;

	height:640px;
}

.about_head
{
  display: inline;
  float: left;
  width: 100%;
  text-align:center;
}

.about_head h2
{
    color: #000;
	font-size: 26px;
	text-transform: uppercase;
	padding-bottom: 30px;
	font-weight: 200;
	background: url(../images/line_border.png) no-repeat center bottom;
	height: 90px;
	margin-bottom: 5px;
}
.about_head h2 span
{
    color: #1c9bdc;
}
.about_head p
{
    margin: 0 0 10px;
    line-height: 2;
    color: #656565;
    letter-spacing: 1px;
    text-align: justify;
}
/*new new*/

.new1 {
    z-index: 99999;
    position: absolute;
    top: 350px;
}

.box_contactnew  i .fa{text-align:center;}
.box_contactnew  .fa{font-size:60px;
color:#fff;
text-align:center;
padding-bottom:10px;
}

.box_contactnew   .fa-envelope{font-size:46px!important;}
.box_contactnew p{font-size:18px;
text-align: center;
font-weight:800;
color:#fff;
}
.new1{background: rgba(28,155,220,0.50);
width:100%;
float: left;
padding: 20px 0px;
}



/*about page*/
.newnew{padding: 8px 0px;
    border-left: 2px solid #1c9bdc;
    padding-left: 20px;
    margin-top: 30px;}
.newp{margin: 0 0 10px;
    font-size: 14px;
    line-height: 24px;
	padding-bottom: 50px;
    text-transform: capitalize;
    letter-spacing: 1px;}



/* CONTACT BLOCK  */

.contact_block
{
    float: left;
    width: 100%;
    padding: 40px 0px 0px;
}

.add_info {
    padding: 50px 0px;
    display: inline;
    float: left;
    width: 100%;
}
.list-contacts {
    text-align: center;
    float: left;
    width: 100%;
}
.list-contacts .box_contact
{
    border: 1px solid #1e80d4;
    padding: 20px 0px;
	min-height: 240px;
	margin-bottom:25px;
}



.list-contacts .icon {
    position: relative;
    display: block;
    width: 80px;
    margin: -40px auto 40px;
    padding: 24px 0;
    font-size: 32px;
    color: #fff;
    border-radius: 50%;
		border: 1px solid #1e80d4;

    background-color: #1e80d4;
    box-shadow: 0 0 0 5px #eee;
	transition: all 0.5s ease 0s;
}
.list-contacts li:hover .icon {
    color: #1e80d4;
    background-color: #fff;
	box-shadow: 0 0 0 5px #1e80d4;

}


.add_info h3 {
    font-size: 20px;
    margin: 0px;
    font-weight: 600;
    color: #1e80d4;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 40px;
}
.add_info p {
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    color: #656565;
	letter-spacing: 1px;
	line-height: 20px;
}





/*--------------------*/
/* FACILITIES SECTION */
/*--------------------*/

#facility
{
    float: left;
    width: 100%;
    padding: 70px 0px 20px;
}

.facility_title
{
  display: inline;
  float: left;
  width: 100%;
  text-align:center;
}

.facility_title h2
{
    color: #000;
	font-size: 26px;
	text-transform: uppercase;
	padding-bottom: 30px;
	font-weight: 700;
	background: url(../images/line_border.png) no-repeat center bottom;
	height: 90px;
	margin-bottom: 5px;
}
.facility_title h2 span
{
    color: #1c9bdc;
}
.facility_title  p
{
    font: 16px 'Open Sans', sans-serif;
	line-height: 23px;
}
.tab_box_about
{
	float: left;
	display: inline;
	width: 100%;
}

.tab_block
{
    float: left;
    display: inline;
    width: 100%;
    padding: 0px 80px;
}
.tab_block .nav
{
    margin: 20px 0px 20px;
    border: 1px solid #E6E6E6;

}
.nav-pills > li {
    float: left;
    padding: 0px;
    background-color: #fff;
    border: 1px solid #337ab7;
}

.nav-pills > li + li {
    margin-left:0px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7 !important;
}


.tab_block ul li.active:after {
  opacity: 1;
}

.tab_block ul li::after {
    position: absolute;
    bottom: -14px;
    left: 43%;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 25px solid #337ab7;
    opacity: 0;
    content: '';
    transition: all .3s ease;
}

.tab_block ul li.active a,
.tab_block ul li:hover a {
	color: #fff;
	text-decoration: none;
	background-color: #337ab7 !important;
}

.tab_block ul li a {
    text-align: center;
	border-radius: 0;
	font-size: 16px;
	display: block;
	color: #337ab7 ;
	padding: 10px 0;
	transition: all 0.3s ease;
	font-weight: 700;
	position: unset;
}



.tab-content h4
{
    color: #333E56;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 40px;
    font-weight: 600;
}
.tab-content h4 .fa {
    font-size: 18px;
    color: #00ACD9;
    margin-right: 5px;
}
.tab-content .content-box p
{
    color: #000;
    margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: .02em;
	text-align: justify;
	
}




/*--------------------*/
/* SERVICE SECTION */
/*--------------------*/


#service {
  display: inline;
  float: left;
  padding: 20px 0 30px;
  width: 100%;
}

#service .border_right
{
	border-right: 2px solid #1c9bdc;
}

.title_service
{
  display: inline;
  float: left;
  width: 100%;
  text-align:center;
}

.title_service h2
{
    color: #000;
	font-size: 26px;
	text-transform: uppercase;
	padding-bottom: 30px;
	font-weight: 200;
	background: url(../images/line_border.png) no-repeat center bottom;
	height: 90px;
	margin-bottom: 5px;
}
.title_service h2 span
{
    color: #1c9bdc;
}


.about_slider{
	float: left;
	display: inline;
	width: 100%;
	padding: 20px 40px;
}


.single_iteam{
	float: left;
	display: inline;
	width: 100%;
	height:100%;
}


.single_iteam img {
  max-width: 100%;
}


.about_slider .slick-dots li button:before {
  content: "•";
  font-size: 28px;  
}


.about_slider .slick-dots li.slick-active button:before {
  opacity: 0.75;
}


#service .accordions
{
    float: left;
    width: 100%;
    display: inline-block;
}
/* FAQ AREA  */   


.faq_area .section_heading h3 {
    color: #FF6101;
	font-family: 'Varela Round';
    letter-spacing: 2px;
	font-weight: 700;
}

.faq_area .section_heading h3 span {
    color: #2c3e50;
}
.faq_area .section_heading .color_border {
    background-color: #FF6101;
    height: 3px;
    width: 120px;
    position: relative;
    z-index: 1;
	left: 0;
}

    .single-accordion {
        margin-bottom: 0px;
		border-bottom: 1px solid #F4F4F4;
		border-radius: 0px;
    }
    
    .single-accordion:last-of-type {
        margin-bottom: 0px;
    }
    
    .single-accordion h5 a {
        color: #1c9bdc;
		background-color: transparent;
        display: block;
		font-weight: 700;
		font-family: 'Open Sans', sans-serif;
		font-size: 18px;
		line-height: 1.5;
		letter-spacing: 0px;
        padding: 15px 45px 15px 50px;
        position: relative;
    }
    
    .single-accordion h5 a.collapsed {
        background-color: transparent;
        color: #1c9bdc;
		font-weight: 700;
		font-family: 'Open Sans', sans-serif;
		font-size: 18px;
		line-height: 1.1;
		letter-spacing: 0px;
		padding: 10px 0px 10px 50px;
    }
    
    .single-accordion h5 a span {
        position: absolute;
        left: 20px;
        font-weight: 300;
        height: 100%;
        font-size: 18px;
    }
    
    .single-accordion h5 a.collapsed span.accor-close {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    
    span.accor-open {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    
    .single-accordion h5 a.collapsed span.accor-open {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
    }
    
    .single-accordion h5 {
        margin: 0;
        text-transform: uppercase;
		padding: 5px 0px;
    }
    
    .single-accordion .accordion-content {
        border-top: 0 solid transparent;
    }
    
    .single-accordion .accordion-content p {
        padding: 20px 20px 10px;
        margin: 0;
		font-size: 14px;
		color: #000;
		font-weight: 300;
		line-height: 26px;
		text-align: justify;
    }







.panel-group .panel {
  border-radius: 0;
  margin-bottom: 0px;
  box-shadow: none;
}


.panel-group .panel + .panel {
  margin-top: 0;
}


.panel-default {
  border-color: transparent;
}


.panel-default > .panel-heading {
  background-color: transparent;
  color: #333;
  border: 0 none !important;
  padding: 5px 15px;
}


.panel-title {
  border-bottom: 1px solid #ccc;
  color: #222;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}


.panel-title a {
  display: block;
  text-decoration: none;
  padding-bottom: 10px;
}


.panel-default .in{	
  padding-left:10px;
  margin-left: 20px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; 
}


.panel-title a span{
  margin-right: 5px;
}


.panel-body { 
  border-top-color: transparent !important;
  padding: 0px 15px;
  margin: 10px 0px;
}


.about_slider{
	float: left;
	display: inline;
	width: 100%;
	padding: 20px 40px;
}


.single_iteam{
	float: left;
	display: inline;
	width: 100%;
	height:100%;
}


.single_iteam img {
  max-width: 100%;
}


.about_slider .slick-dots li button:before {
  content: "•";
  font-size: 28px;  
}


.about_slider .slick-dots li.slick-active button:before {
  opacity: 0.75;
}


.skills_area{
	float: left;
	display: inline;
	width: 100%;
	min-height: 350px;
	padding: 85px 0px;
	background-image: url(img/skills_bg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
}


.skills{
	position: relative;
	z-index: 999;
}


.heading h3 {
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 40px;
  margin: 0 0 40px;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 40px;
}


div[data-dimension] {
  float: none;
  margin: 0 auto;
}


.circle-text{
	color: #fff;
}


.single_skill{
	float: left;
	display: block;
	width: 100%;
	text-align: center;
}


.single_skill > h4 {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
}

/*--------------------*/
/* PRODUCT SECTION */
/*--------------------*/

#product
{
  display: inline;
  float: left;
  padding-top: 20px;
  width: 100%;
}

.tab_box_product
{
    float: left;
    width: 100%;
    padding:20px 2% 10px;
}	
	

.product_tab_block {
	margin-bottom: 20px;
}

.product_tab_block .product_tab_box {
	padding: 0px 0 0 0;
}
.product_tab_block .product_tab_box .tab_title_responsive {
	display: none;
}


 @media only screen and (max-width: 767px) {
.tab_nav_box li {
	display: none;
}
.product_tab_block .product_tab_box,  .product_tab_block .product_tab_box .tab_title_responsive {
	display: block;
}
}

		
/* =========== left Tab style 1 ==========  */

.tab_box_product .tab_nav_box 
{
    margin: 0;
    padding: 0;
    text-align: center;
    list-style-type: none;
    position: relative;
    background-color: #fff;
}
.tab_box_product .tab_nav_box li 
{
    width: 100%;
    margin:0 0 0px 0;
    text-align: center;
    line-height: 50px;
    float: left;
    padding: 0;
    background-color: #fff;

}
.tab_box_product .tab_nav_box li a 
{
	display: block;
	padding:5%;
	text-align: left;
	line-height: 23px;
	font-size: 14px;
	color:#3c50a4;;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.3s ease-out 0s;
	background-color: #fff;
	border:1px solid #EEEEEE;
}

	
.tab_box_product .tab_nav_box li a span 
{
	font-size:34px;
}
.tab_box_product .tab_nav_box li a:hover,
.tab_box_product .tab_nav_box li.active,
.tab_box_product .tab_nav_box li.active a 
{
    color: #fff;
    background-color: #1c9bdc;
	-webkit-box-shadow: 3px 0 0 #169FEB inset;
	-moz-box-shadow: 3px 0 0 #169FEB inset;
	box-shadow: 3px 0 0 #669900 inset;
}




.tab_box_product .product_tab_text 
{
    float: left;
    width: 100%;
}
.product_tab_text .raleway
{
    text-transform: uppercase;
    background-color:#3c50a4;
    padding: 2%;
    margin: 0px;
	color: #fff;
}
.product_tab_text p
{
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 1px;
    text-align: justify;
}

.tab_box_product .tab_title_responsive p strong
{
	font-size:24px;
	color:#101010;
	border-bottom:1px solid #101010;
}

.tab_box_product .tab_title_responsive
{
	margin-bottom:50px;
}


.pro_inner_box
{
    float: left;
    width: 100%;
    display: inline;
	padding: 20px 10px;
}

.pro_tab_inner1
{
    display: inline;
	padding:0px;
}

.pro_tab_inner2
{
    display: inline;
	padding:0px
}

.pro_tab_inner1 h3
{
    font-weight: 700;
    font-size: 16px;
    color: #1c9bdc;
    float: left;
	margin:0px;
}


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

	.tab_box_product .product_tab_text {
		padding: 35px 40px;
	}
}




/*--------------------*/
/* ACCREDATTION SECTION */
/*--------------------*/
.accredattion_block
{
  display: inline;
  float: left;
  padding: 80px 0 0px;
  width: 100%;
}


.accredattion_slider{
	float: left;
	display: inline;
	width: 100%;
	height:100%;
	padding: 20px 40px;
}
.accredattion_slider .slick-dots li button:before {
  content: "•";
  font-size: 28px;  
}


.accredattion_slider .slick-dots li.slick-active button:before {
  opacity: 0.75;
}



.accredattion_slider .single_accredattion{
	float: left;
	display: inline;
	width: 100%;
	height:450px;
	background-color:#3c50a4;
	color:#fff;
}


.accredattion_slider .single_accredattion img {
	display: block;
	max-width: 100%;
	height: 450px;
  
}
.accredattion_slider .acc_text
{
    float: left;
    width: 100%;
    padding: 10% 5%;
}

.accredattion_slider .acc_text h2
{
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 57px;
    margin: 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.accredattion_slider .acc_text p
{

    font-size: 14px;
    letter-spacing: 1px;
    line-height: 2;
    text-align: justify;
}
.accredattion_slider  .acc_img
{
	padding:0px;  
}

.accredattion_block .slick-prev, .accredattion_block .slick-next {
  background-color:transparent;
}


/*--------------------*/
/* CLIENTS SECTION */
/*--------------------*/


#clients {
  display: inline;
  float: left;
  padding: 80px 0 150px;
  width: 100%;
}


.clients_content{
	float: left;
	display: inline;
	width: 100%;
	margin-top: 30px;	
}


.clients_slider{
	float: left;
	display: inline;
	width: 100%;
}


.single_client {
  border: 1px solid #ccc;
  display: inline;
  float: left;
  text-align: center;
  width: 100%;
  padding: 25px 0px;
}


.single_client>img{
	margin: 0 auto;
}


.clients_slider .slick-prev {
  border-radius: 5px 0 0 5px;
  color: #fff;
  height: 40px;
  left: 46.5%;
  top: 160%;
}


.clients_slider .slick-next {
  border-radius: 0 5px 5px 0;
  color: #fff;
  right: 46.5%;
  top: 160%;
  height: 40px;
}


/*-------------------------------------------------*/
/*   Footer
/*-------------------------------------------------*/
footer {
	padding-top: 50px;
	text-align: justify;
	float: left;
	display: inline;
	width: 100%;
	padding: 20px;
	background-color: #1e80d4;
}
footer .col-md-3
{
	border-left: 1px solid #fff;
}


footer .col-md-2
{
	border-left: 1px solid #fff;
}
.footer-item {
    float: left;
    width: 100%;
    text-align: left;
    color: #fff;
}
.footer-item ul
{
    float: left;
    width: 100%;
}
.footer-item a 
{
    text-decoration: none;
    color: #fff;
}

.footer-item span

{
    text-decoration: none;
    color: #fff;
}

.footer-item .text-link {
    color: #fff;
    width: 100%;
    float: left;
    padding-left: 30px;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    padding-left: 63px;
    position: relative;
    font-weight: 700;
    letter-spacing: 2px;
}

.footer-item .text-link::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    height: 3px;
    background: #fff;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.footer-item:hover .text-link:before  {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
footer h2 {
  color: #222222;
  font-size: 15px;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  margin: 0 0 15px;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 20px;
  letter-spacing: 1px;
}
footer ul.social-list {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  	text-align: center;

}
footer ul.social-list li {
  display: inline-block;
  margin: 0 12px;
}
footer ul.social-list li a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  width: 40px;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #008dcf;
	background: #fff;
}
footer ul.social-list li a:hover {
  color: #ffffff;
  background: #3f7fd0;
}
.addres_footer p{
	color: #fff;
	font-size: 12px;
	margin: 0;
	letter-spacing: 2px;
	line-height: 28px;
}
footer .copyright a
{
    color:#308FF9;
}
footer .copyright
{
	color: #fff;
	font-size: 12px;
	margin: 0;
	letter-spacing: 2px;
	text-align:center;
}

.social_nav{
	text-align: right;	
}
.social_nav li{
	display: inline-block;
}
.social_nav li a 
{
	border: 1px solid #fff;
	color: #ffffff;
	display: inline-block;
	font-size: 18px;
	height: 30px;
	margin-left: 5px;
	text-align: center;
	width: 35px;
	line-height: 28px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}


/*======================///////////////
			start responsive style
=====================///////////////////////*/


@media(max-width:1199px ){
  .slider_caption > h2 {width: 100%;}
  .blog_slider .slick-prev {left: 91%;}
  #map_canvas{height: 404px;}
  .slider_caption {margin-top: 25%;}
  .subscribe_mail {width: 76%;}
  .subscr_btn {width: 24%;}

}
  
@media(max-width:991px ){
  .navbar-default .navbar-nav > li > a {font-size: 13px;padding: 10px 0px;}
  .navbar-brand {font-size: 28px;}
  #slides{height: 600px !important;}
  .slider_caption > h2 {font-size: 48px;line-height: 48px;}
  .slider_caption > p {font-size: 18px;}
  .about_area {padding-bottom: 80px;}
  .about_slider{margin-top: 30px;}
  .single_iteam {text-align: center;}
  .single_iteam img {display: inline-block;}
  .single_service .service_title {font-size: 18px;}
  .single_service > .service_title:after {left: 33%;}
  .single_price > h3 {font-size: 20px;line-height: 80px;}
  .single_price .price > h4 {font-size: 50px;line-height: 50px;}
  .price_features li {font-size: 13px;line-height: 15px;}
  .price_btn {font-size: 13px;padding: 10px 15px;}
  .blog_slider .slick-prev {left: 88.5%;}
  .testi_content {width: 100%;}
  .clients_slider .slick-prev {left: 45%;}
  .clients_slider .slick-next {right: 45%;}
  .subscr_btn {font-size: 15px;}
  .single_contact_feaured {margin-bottom: 30px;}
  
  .navbar-nav > li {
    padding: 10px 2px;
}
.title_top {
    display: none;
}
  
.new1 {
    position: relative;
	top:0px;
}

.tab_block
{

    padding: 0px 0px;
}

.accredattion_slider .single_accredattion{

	height:auto;

}
.accredattion_slider .acc_text h2 {
	font-size:20px;
}

.accredattion_slider{
	padding: 0px 0px;
}
}

@media(max-width:767px ){
	.navbar-collapse{background-color: rgba(0,0,0,0.8);} 
	.main_nav{text-align: center;width: 100%;}
	.top_social{
    display: none;
}
.padding_menu
{
		padding:0;
	
}

#navbar {
    float: left;
    width: 100%;
}

 .navbar-nav > li {
    padding: 2px 2px;
}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: rgba(0,0,0,0.5);}
	#slides {height: 360px !important;}
	.slider_caption {margin-top: 15%;}
	.slider_caption > h2 {font-size: 25px;line-height: 26px;}
	.slider_caption > p {font-size: 15px;}
	.slider_btn {font-size: 18px;}
	.heading h2 {font-size: 30px;line-height: 30px;}
	.skills_area {background-size: cover;}
	.single_skill {width: 50%; margin-bottom: 22px;}
	.counter {width: 50%;float: left;}
	.counter_section {background-size: cover;}
	.portfolio_area {padding: 60px 15px 0;}
	.wagwep-container ul#portfolio-filter a {margin: 0 5px 5px 0;padding: 6px 10px;font-size: 12px;}
	.single_price {margin-bottom: 30px;}	
	.single_price > h3 {font-size: 24px;line-height: 100px;}
	.single_price .price > h4 {font-size: 60px;line-height: 60px;}
	.price_features li {font-size: 15px;line-height: 18px;}
	.price_btn {font-size: 15px;padding: 10px 20px;}
	.single_post h3 {font-size: 15px;line-height: 15px;}
	.testi_content:before {left: 35%;}
	.single_client {padding: 18px 10px;}
	.single_client > img {max-width: 100%;}
	.contact_map {margin-top: 30px;}
	#contactFeature {background-size: cover;}
	.subscribe_form {margin: 0 auto; width: 85%;}
	.team_social a {font-size: 15px;height: 30px;line-height: 30px;width: 30px;}
	.blog_slider .slick-prev {left: 86.5%;}
	.og-close {z-index: 999;}
	#about {padding: 50px 0;}
	#service {padding: 50px 0 50px;}
	#works {padding: 0 0 50px;}
	#team {padding: 50px 0;}
	#pricing {padding: 50px 0;}
	#blog {padding: 50px 0;}
	#testimonial {padding: 50px 0;}
	#clients {padding: 50px 0 100px;}
	#contact {padding: 50px 0 0;}
	#subscribe {padding: 50px  0;}
	.social_nav {margin-top: 20px;text-align: center;}
	.footer_left {text-align: center;}
	.single_service > .service_title:after {left: 41%;}	
  .wagwep-container ul#portfolio-filter li {width: auto;}
  .wagwep-container ul#portfolio-filter a {text-indent: 0;}
  
  .footer-item
	{
    padding-bottom: 25px;
    border-bottom: 1px solid !important;
	}
	
	.logo h3 {
    font-size: 22px;
    font-family: "Hind", sans-serif;
	padding: 12px 2px;
}
}

@media screen and (min-width: 768px) and (max-width: 991px) { 
   .logo
	{
    	display: none;
	}
}

@media(max-width:480px ){	
	#slides {height: 320px !important;}
	.slider_caption {margin-top: 20%;}
	.slider_caption > h2 { font-size: 20px;line-height: 22px;margin-bottom: 0px;}
	.slider_caption > p {font-size: 14px;}
	.slider_caption > a { font-size: 15px; margin-top: 20px;  padding: 8px 10px;}
	.wagwep-container ul#portfolio-filter li {width: auto;}
	.wagwep-container ul#portfolio-filter a {font-size: 10px;margin: 0 0 2px;padding: 5px;text-align: center;text-indent: 0;}
	.blog_slider .slick-prev {left: 81.5%;} 
	.clients_slider .slick-prev {left: 43%;}
	.clients_slider .slick-next {right: 43%;}
	.subscribe_form {width: 100%;}
	.footer_left {text-align: center;}
	.footer_right { margin-top: 20px;}
	.social_nav { text-align: center;}
	.testi_content:before {left: 30%;}	
	.single_service > .service_title:after {left: 38%;}
	.wagwep-container ul#portfolio-filter {padding: 0 3%;}
  #blogBanner {height: 250px;padding: 100px 0;}
  #blogBanner h2 {font-size: 45px;}	
  .blogdetails_content > h2 {font-size: 18px;line-height: 25px;}
  .similar_post h2 {font-size: 17px;}
  .single_blogsidebar > h2 {font-size: 18px;}
 
}

@media(max-width:360px ){
	.slider_caption {margin-top: 28%;}
	.slider_caption > a {margin-top: 10px;}
	.slides-navigation h3 {display: none;}
	.slider_caption > h2 {font-size: 18px;line-height: 20px;}
	.panel-title {font-size: 17px;}
	.about_area {padding-bottom: 0px;}
	.about_slider{height: auto;}
	.single_skill {margin-bottom: 25px;width: 100%;}
	.heading h3 {font-size: 20px;line-height: 25px;margin: 0 0 30px;}
	.counter {width: 100%;margin-bottom: 15px;}
	.blog_slider .slick-prev {left: 75.5%;}
	.clients_slider .slick-prev {left: 40%;}
	.clients_slider .slick-next {right: 40%;}
	.subscribe_mail {width: 70%;font-size: 15px;}
	.subscr_btn {width: 29%;font-size: 15px;}
	.heading h2 { font-size: 25px;line-height: 30px;}
	.single_service > .service_title:after {left: 32%;}
	.slides-navigation {display: none;}
  #blogBanner {height: 150px;padding: 45px 0;}
  #blogBanner h2 {font-size: 30px;}
  .previous_nav {padding: 9px;} 
  .next_nav{padding: 9px;}
  .similar_post h2 {font-size: 14px;}
  .sociallink_nav li a {margin: 0px;font-size: 15px;}
	
}

@media(max-width:320px ){
	.slider_caption > h2 {font-size: 15px;line-height: 18px;}
	.single_service > .service_title:after {left: 29%;}
	.blog_slider .slick-prev {left: 70.5%;}
	.subscr_btn {font-size: 11px;}
	.slider_caption {margin-top: 34%;}  
	
}

@media only screen and (max-width: 1140px){
	
	.home_services .bg-skew,
	.home_services .image-box{
		display:none;	
	}
	.home_services .home_serv_block {
    background: #2086D5 none repeat scroll 0% 0%;
    padding: 50px 15px;
    float: none;
    width: 100%;
}

@media(max-width:1199px ){
  #map_canvas{height: 404px;}
  /*only firefox browser*/
  @-moz-document url-prefix() { 
  #map_canvas{height: 404px;	}
  }
  

}