@import "../css/skeleton.css";
@import "../css/flexslider.css";

a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}input[type=text], textarea{ outline:none;border-radius:0;}

article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}
mark,rp,rt,ruby,summary,time{display:inline}


/*============================================SUPERFISH JQUERY=================================================*/
nav{ position:relative; margin: 55px 1px 0 0;box-shadow: 1px 1px 1px #c1c1c1;float: right;clear: right;background: url('../images/nav_bg.jpg') repeat-x #f2f2f2;border-radius: 5px;padding: 0 15px;}
.sf-menu ul {position:absolute;top:-999px; display:none;/* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%}
.sf-menu li {float:left;position:relative;}

.sf-menu>li>a{
  display:block;
  position:relative;
  font-size: 13px;
  line-height: 16px;
  color:#1e2225;
  font-weight: bold;
  padding: 13px 20px;
}
.sf-menu>li>a:hover,.sf-menu>li.current>a,.sf-menu>li.sfHover>a{
  background: #2c3235;
  color: #fff;
}

.sf-menu>li{
  margin-left: 1px;
  position: relative;
}
.sf-menu>li:before{
  display: block;
  position: absolute;
  left: -1px;
  height: 15px;
  width: 1px;
  top: 14px;
  background: url('../images/menu_separator.jpg') no-repeat;
  content: "";
}
.sf-menu>li:first-child:before{
  display: none;
}
.sf-menu a{
  
}

/*================================>> 2 Level <<========================================*/
.sf-menu>li>ul,.sf-menu>li.sfHover>ul{left:0;top:45px;width: 130px;border-radius: 10px;background: #272d30;padding:10px 15px; z-index:99;}
.sf-menu>li>ul>li{margin-bottom: 8px;}
.sf-menu>li>ul>li>a{color: #a7a7a7;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover>a{color: #fff;}

/*================================>> 3 Level <<========================================*/
.sf-menu li li ul{left:0;top:0px;width: px;padding:0 0 0 0;z-index:99;}
.sf-menu li li li{}
.sf-menu li li li a{}
.sf-menu li li li a:hover{}

.sf-menu>li>a .menu-arrow{
    display:block;
    position: absolute;
    left: 50%;
    bottom: 8px;
    width:5px;
    height:3px;
    text-indent:-100%;
    font-size:0;
    line-height:0;
    background: url('../images/menu_arrow.png') 0 0px no-repeat;
    vertical-align: middle;
}
	 .sf-menu a:hover .menu-arrow, .sf-menu li.current>a .menu-arrow, .sf-menu .sfHover .menu-arrow{
    background-position:0 -7px;
   }
/* ==================================================END OF SUPERFISH ======================================================== */



/* ==================================================Global properties ======================================================== */
html {width:100%;}

body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  line-height:1.3em;
  color:#3e3e3e;
  width:100%;
  background:#17191b;
  -webkit-text-size-adjust: none;
}

.bg1{background: #e9e9e9;}


/*********************************CLASSES**********************************/
.f_left{float:left;}
.f_right{float:right;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {max-width:1200px;overflow:hidden;}
.container{width:100%;}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.rel{position: relative;}


/*==================================== Links ======================================================== */
a {
  color:#3e3e3e;
  outline:none;
  text-decoration:none;
  cursor:pointer;
}
a:hover{
  color:#000;
  text-decoration:none;
}

.button{
  display:inline-block;
  padding:9px 19px 10px;
  margin: 8px 0 0;
  font-size: 13px;
  border-radius: 11px;
  line-height: 16px;
  font-weight: bold;
  color:#fff;
  background: url('../images/button_bg.jpg') repeat-x #3c3c3c;
 }
.button:hover{
  background:#9f9f9f;
  color:#fff;
}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {padding: 57px 0 0;}
header h1{padding:0;float: left;}
header h1 a {
  display:block;
  width:180px;
  height:71px;
  background:url(../images/logo.png) 0 0 no-repeat;
  text-decoration:none;
  text-indent:-9999px;
  margin-top:30px;
}

.social{
  overflow:hidden;
  float: right;
  padding: 0 59px 28px 0px;
}
.social a{
  display:block;
  float:left;
  width:20px;
  height:20px;
  overflow:hidden;
  margin-left:10px;
}
.social a:first-child{margin: 0 0 0 0;}
.social a:hover img{
  opacity: 0.5;
}
/*********************************content*************************************/
#content {padding:23px 0px 107px; //min-height: 1500px;}
.cont_pad{padding:0 0 0 0 !important;}
.img_margin_right{margin-right:19px;}
/*================================>> Aside <<========================================*/
aside{
  position: relative;
  padding: 41px 0 98px;
  background: #2c3132;
}
aside:before{
  position: absolute;
  width: 100%;
  top: -42px;
  left: 0;
  height: 42px;
  display: block;
  /*background: url('../images/aside_top.png') 50% 0 repeat-x;*/
  content: "";
}
/*===============================>> Paragraphs <<=============================*/

 p{margin-bottom:18px}
.p2{}
.p3{ margin-bottom:15px;}
.p4{ margin-bottom:12px;}
.p5{ margin-bottom:62px;}
.p6{ margin-bottom:31px;}

/*================================>> LISTS <<========================================*/

.list1 li{
  background:url(../images/marker1.jpg) 0 13px no-repeat;
  padding: 6px 0 5px 9px;
  font-size: 11px;
  border-bottom: 1px solid #4f5354;
  text-transform: uppercase;
  width:80%;
}
.list1 a{color: #a6a6a6;}
.list1 a:hover{color: #fff;}
.list1 .last, .list2 .last{border: none;margin-bottom: 0;}


.list2{}
.list2 li, .list3 li{
  background:url(../images/marker1.jpg) 0 13px no-repeat;
  padding: 6px 0 5px 9px;
  font-size: 14px;
  border-bottom: 1px solid #c0c1c2;
}
.list2 a, .list3 a{color: #1d6c9e;font-weight: bold;}
.list2 a:hover{color: #000;}

.list4{margin-bottom: 15px;}
.list4 li{
  background:url(../images/marker1.jpg) 0 14px no-repeat;
  padding: 6px 0 5px 9px;
  font-size: 14px; 
}
.list4 a{color: #1d6c9e;font-weight: bold;}
.list4 a:hover{color: #000;}

/*================================>> H <<========================================*/
h2,h3,h4{
  font-weight:normal;
}
h2{
  font-size: 22px;
  line-height: 30px;
  color:#1e2225;
  font-weight: bold;
  font-style: italic;
  font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
  padding: 13px 0 10px 75px;
  margin-bottom: 6px;
}
h2 span{display: block;margin-top: -7px;}

h2.bg1{background: url('../images/home-sports-icon.png') no-repeat;}
h2.bg2{background: url('../images/home-bcards-icon.png') no-repeat;}
h2.bg3{background: url('../images/home-go2guide-icon.png') no-repeat;}
h2.bg4{background: url('../images/home-tshirt-icon.png') no-repeat;}
h2.bg5{background: url('../images/home-Dmail-icon.png') no-repeat;}
h2.bg6{background: url('../images/title_ico6.png') no-repeat;}
h2.bg7{background: url('../images/title_ico7.png') no-repeat;}
h2.bg8{background: url('../images/title_ico8.png') no-repeat;}

h2.ind{ margin-bottom:px;}
h2.ind1{ margin-bottom:px;}
h2.ind2{ margin-bottom:px;}
h2.ext_ind{padding: 0;margin-bottom: 16px;}
h2.ext_ind1{padding: 0;margin-bottom: 21px;}

h3{
  font-size: 24px;
  line-height: 29px;
  color:#e9e9e9;
  font-weight: bold;
  font-style: italic;
  font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
  margin-bottom: 14px;
}
h3.ind{ margin-bottom:25px;}
h3.ind1{ margin-bottom:21px;}
h3.ind3{ margin-bottom:px;}
/*================================>> GOOGLE FONTS  <<========================================*/

/*================================>> hovers <<========================================*/
.sf-menu a{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.link1{color: #2289a9;font-weight: bold;text-decoration: underline;}
.link1:hover{text-decoration: none;}

.link2{color: #fff;font-weight: bold;text-decoration: underline;font-size: 13px;}

.link3{color: #2289a9;font-weight: bold;}
.link3:hover{text-decoration: underline;}
.m_bot1{margin-bottom: 50px;}

/*********************************page_2*************************************/
.content_banner{
/*  background: url('../images/gray-banner.png') no-repeat;*/
  height: 129px;
  box-shadow:  0 0 11px #b2b4b5; 
  border-radius: 5px;
  position: relative;
  margin-bottom: 51px;
}
.content_banner img{
  box-shadow:  0 0 11px #b2b4b5; 
  border-radius: 5px;
}
.banner{top: 30px;}

.blue{color: #1d6c9e;}

.service{margin-bottom: 25px;}
.service>div{}
.service>figure{
	margin: 5px 20px 0 0;
}

.offer_list li{
  margin-bottom: 50px;
}
.content_banner.pad1 .banner{padding-right: 43px;}

.sup_box{margin-top: -13px;}

.support_list li{margin-bottom: 59px;}
/*********************************page_3*************************************/


/*********************************page_4*************************************/

.list_box ul{
  float: left;
}
.list_box ul:first-child{margin-right: 83px;}
/*********************************page_5*************************************/


/* Contact form */
#contact-form {
  padding:0px 0 0 0;
  position: relative;
}
#contact-form textarea, #contact-form input, #contact-form1 textarea, #contact-form1 input{
  margin:0;
  font-size:12px;
  border:1px solid #191d1e;
  border-radius: 7px;
  color:#6b6b6b;
  padding:9px 8px 7px;
  outline:none;
  position:relative;
  font-family:Arial, Helvetica, sans-serif;
  background:#1f2223;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 1px 1px 0 #495153;
  width:300px;
  margin-bottom:10px;
}
#contact-form1 textarea, #contact-form1 input{
  padding-top: 7px;
  padding-bottom: 7px;
}
#contact-form textarea, #contact-form1 textarea {
  overflow:auto;
  height:83px;
  resize:none;
  float:left;
  margin: 0 0 0 0;
}
  
#contact-form label, #contact-form1 label{
  display:inline;
  /*position: relative;
  overflow:hidden;*/
 }

#contact-form .link2{
  margin-left:20px;
  display: inline-block;
}


#contact-form .buttons2 {
  overflow:hidden;
  text-align:right;
  position:relative;
  clear:both;
  padding: 14px 50px 0;
}
#contact-form .buttons2 a {
	color: #ffffff;
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{
  display:block;
  margin: 0px 0 0 5px;
 }

.map_wrapper{
  overflow:hidden;
  display:block;
  margin-bottom:25px;
}
#map_canvas {
   width:100%;
   height:280px;
}
.adress{font-weight: bold; padding:100px 0 0 60px; margin-bottom:20px;}
.adress span{
  display:inline-block;
  width:72px;
}
.adress dt{}

.demo{}
.demo:hover{ text-decoration:underline;}

#contact-form1 textarea, #contact-form1 input{
  background: url('../images/inp_bg.jpg') repeat-x #f2f2f2;
  border-color: transparent;
  border-top-color: #898c8d;
  border-left-color: #b0b1b3;
  box-shadow: 1px 1px 0 #f8f8f8;
  width: 90%;
}

#contact-form1 textarea{
  height: 173px;
  width: 100%;
}
#contact-form1 em{
  font-style: normal;
  display:inline;
  margin-bottom: 4px;
}
#contact-form1 label{

}
#contact-form1 .buttons2{text-align: right;padding-top: 27px;}
#contact-form1  .button{margin-left: 22px;}

#contact-form1 .btns {
	float: right;
	margin-top:20px;
}
#contact-form1 .btn-submit {
	outline:none;
	border:none;
	width: 80px;
	margin: 0 0 0 5px;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	color: #ffffff;
	background:none;
	background-color: #1d6c9e;
	border-color: #1d6c9e;
}
#contact-form1 .btn-submit:hover, #contact-form1 .btn-submit:focus, #contact-form1 .btn-submit:active {
     color: #fff;
     /*background-color: #1d6c9e;
     border-color: #269abc;*/
}
#contact-form1 .error {
	color: #ff0000;
	font-size: 11px;
	width:auto;
	margin-left: 1em;
}

.tooltip {
    position: relative;
    display: inline-block;
	font-size:.8em;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 400px;
    background-color: #272d30;
    color: #a7a7a7;
    text-align: left;
	font-size:.8em;
	line-height:1.5em;
    border-radius: 6px;
    padding: 10px;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -35px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


/****************************footer************************/
footer {
  color: #a0a0a0;
  font-size: 11px;
  text-transform: uppercase;
}
footer .wrapper{padding:29px 0 26px;}
footer a{color: #a0a0a0;}
footer a:hover{color: #fff;}
footer span{color: #ededed;}

aside{color: #a6a6a6;}
aside h2{color: #e9e9e9;margin-bottom: 4px;}
aside strong{color: #fff;}

.f_logo{position: absolute;top: -9px;right: 33px;width: 137px;height: 31px;}

.address2{
  color: #fff;
  font-weight: bold;
}
.address2 span{display: inline-block;min-width: 65px;}
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
header h1{padding-left: 10px;padding-top: 45px;}
.banner .font1{font-size: 20px;line-height: 24px;}
.banner .font2{font-size: 40px;line-height: 48px;}
.content_banner .banner{display: none;} 
aside{padding-bottom: 50px;}
#contact-form textarea, #contact-form input{width: 100%;}
#contact-form .buttons2 {padding: 14px 16px 0;}
.list_box ul:first-child{margin-right: 40px;}
/*====================SUPERFISH=============================*/
.sf-menu>li>a{padding-left: 15px;padding-right: 15px;}
   nav{padding-left: 5px;padding-right: 5px;}

.tooltip .tooltiptext {width: 200px;left:30%;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .social{text-align: center;padding: 0 0 20px;}
 .social a{float: none;display: inline-block;}
 header h1{float: none;padding: 0;margin-bottom: 20px;}
 header h1 a{margin: 0 auto; }
 .social{float: none;}
 .banner .font1{font-size: 14px;line-height: 19px;}
.banner .font2{font-size: 24px;line-height: 29px;}
.service>div{overflow: visible;}
.content_banner{display: none;}
header{padding-top: 30px;}
.list_box ul:first-child{margin-right: 0;margin-bottom: 20px;}
.img{width: 100%;}
.map_wrapper{margin-bottom: 0;}
.adress{padding-bottom: 0;}
#contact-form1 .grid_6{margin-bottom: 0;}
.list_box ul{float: none;}
/*====================SUPERFISH=============================*/
 nav{
		float:none;
		font:12px/15px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#1b1b1b;
		padding:10px 10px;
	}
		nav:before{
			content:'Menu:';
			display:block;
			margin-bottom:5px;
		}
	.sf-menu{display:none;}
	nav select{
		font:12px/15px Arial, Helvetica, sans-serif;
		color:#464646;
		width:100%;
    outline: none;
    padding: 5px;
		border:2px solid #9e9e9e;
	}
.tooltip .tooltiptext {width: 300px;left: 30%;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .flexslider .banner{top: 20%;}
 .btn_wrap{padding-right: 20px;}
  .banner .font1{font-size: 11px;line-height: 14px;}
.banner .font2{font-size: 16px;line-height: 20px;}
.banner.var2{left: 10px;}
.service>figure{float: none;margin: 0 0 15px;}
.service img{width: 100%;}
.tooltip .tooltiptext {width: 250px;left: 30%;}
}