@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);

@font-face 
{
font-family:"Oregano";src:url("../fnt/Oregano-Regular.eot?") format("eot"),url("../fnt/Oregano-Regular.woff") format("woff"),url("../fnt/Oregano-Regular.ttf") format("truetype"),url("../fnt/Oregano-Regular.svg#Oregano-Regular") format("svg");
font-weight:normal;font-style:normal;
}


@font-face {
font-family: 'open_sansregular';
src: url(../fonts/opensans-regular-webfont.eot);
src: url(../fonts/opensans-regular-webfontd41d.eot?#iefix) format('embedded-opentype'),
url(../fonts/opensans-regular-webfont.woff) format('woff'),
url(../fonts/opensans-regular-webfont.ttf) format('truetype'),
url(../fonts/opensans-regular-webfont.svg#open_sansregular) format('svg');
font-weight: normal;
font-style: normal;}
@font-face {
font-family: 'OpenSans-Semibold';
src: url(../fonts/OpenSans-Semibold.eot);
src: url(../fonts/OpenSans-Semiboldd41d.eot?#iefix) format('embedded-opentype'),
url(../fonts/OpenSans-Semibold.woff) format('woff'),
url(../fonts/OpenSans-Semibold.ttf) format('truetype'),
url(../fonts/OpenSans-Semibold.svg#OpenSans-Semibold) format('svg');
font-weight: normal;
font-style: normal;}


body { margin:0; padding:0; font-family: 'open_sansregular', sans-serif; font-size:12px;}
/**ul { margin:0; padding:0;}**/
a {text-decoration:none; text-outline:none;}
.cln1 { width:100%; background-color:#2f2f2f; float:left; height:auto; }
.cln { width:100%; float:left; height:auto;}
.wrapper { width:85%; margin:0 auto; height:auto;}

.logo { width:200px; height:67px; float:left; margin:10px 0px; margin-left:-3px; border: #F00 solid 0px; background-image:url(../images/logo.png); background-repeat:no-repeat}

.sub-title { width:240px; height:45px; float:left; margin-top:22px; margin-left:5px; font-family: 'OpenSans-Semibold'; font-size:15px; color:#FFF; }
.banner { width:100%; float:left; height:630px; border-top:0px solid #000;}
/**video height 480px**/


.navbar-nav>li>a{ margin-left:5px; color:#f1f1f1; text-decoration:none; padding:50px 10px 10px 10px; height:22px; float: right; text-align:center; font-family: 'open_sansregular';transition:all 0.3s; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; font-size:14px; text-transform:uppercase;}
.navbar-nav li{ margin: 0; padding: 0;display:block}
.navbar-nav>li>a:hover, .navbar-nav>.active>a, .navbar-nav>.active>a:focus,.navbar-nav>.active>a:hover{padding:50px 10px 10px 10px; color:#d8bc6f;background-color: inherit; text-decoration:none; transition:all 0.3s; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;  width: auto; margin-left:5px }

.navbar-nav>.active>a,.navbar-nav>.active>a:hover  {padding:50px 10px 10px 10px;cursor:default;background-color:#d8bc6f;  width: auto; margin-left:5px;color:#2f2f2f}






.news { width:100%; float:left; height:10px; background:#2f2f2f;font-family: 'open_sansregular', sans-serif;}
.ylw { width:150px; float:left; margin-left:0px; height:26px; margin-top:7px; background:#00a0e3; font-weight:bold; text-align:center; padding:5px 0; font-size:19px; font-family: 'open_sansregular', sans-serif; color:#FFF}
.typing { padding-left:15px; float:left; font-size:13px; font-family: 'open_sansregular', sans-serif; margin:15px 0 0 0; color:#fff;letter-spacing:2px;}


.welcome { width:100%; float:left; height:auto; margin-top:20px; margin-bottom:30px}
.welcome h1 { color:#2f2f2f; font-family: 'OpenSans-Semibold'; font-size:30px; font-weight:normal; text-align:center}
.welcome h2 { color:#2f2f2f; font-size:22px;  font-family: 'OpenSans-Semibold'; text-align: left}
.welcome p{ color:#2f2f2f; font-family: 'open_sansregular'; font-size:15px; text-align:justify; letter-spacing:0.5px;}

li { text-align: justify; margin-top:0px;color:#2f2f2f; font-size:15px; letter-spacing:0.5px;list-style-type: square; list-style-image: url(../images/list.png)}
.welcome p2{  color:#000; font-family: 'open_sansregular'; font-size:15px; text-align:left; letter-spacing:0.5px;}

.step { width:100%; float:left; height: auto; background:url(../images/step.jpg) no-repeat center; background-attachment:fixed;background-size: cover;}

.step1, .step2,.step3,.step4{ padding-top:50px; padding-bottom:50px; width:19%; float:left; border: solid #F00 0px;background-color: rgba(47, 47, 47, 0.0); text-align:center;font-family: 'open_sansregular'; font-size:15px; padding-left:3%; padding-right:3%; color:#FFF}

.step1 h, .step2 h,.step3 h,.step4 h {font-family: 'OpenSans-Semibold'; font-size:25px; color:#FFF}
.step1a,.step2a,.step3a,.step4a { border-radius:100%; height:116px; width:116px; margin:0 auto; border:#ffffff solid 2px; transition:all 0.3s; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
.step1b,.step2b,.step3b,.step4b { border-radius:100%; height:104px; width:104px; margin:6px auto; transition:all 0.3s; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
.step1b {background:url(../images/step1.png) no-repeat center;}
.step2b {background:url(../images/step2.png) no-repeat center;}
.step3b {background:url(../images/step3.png) no-repeat center;}
.step4b {background:url(../images/step4.png) no-repeat center;}
.step1b:hover {background:url(../images/step1h.png) no-repeat center;}
.step2b:hover {background:url(../images/step2h.png) no-repeat center;}
.step3b:hover {background:url(../images/step3h.png) no-repeat center;}
.step4b:hover {background:url(../images/step4h.png) no-repeat center;}
.step1b:hover,.step2b:hover,.step3b:hover,.step4b:hover { background-color:#d8bc6f; transition:all 0.3s; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
.step1a:hover,.step2a:hover,.step3a:hover,.step4a:hover {border:#d8bc6f solid 2px; transition:all 0.3s; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } 
.step1c,.step2c,.step3c,.step4c {border-radius:5px 5px 5px 5px;height:29px; width:80px; margin:0 auto; background-color:#d8bc6f; transition:all 0.3s; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; text-decoration:none; text-outline:none;font-family: 'OpenSans-Semibold'; padding-top:6px}
.step1c a,.step2c a, .step3c a,.step4c a{color:#2f2f2f;transition:all 0.3s; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; padding:5px 20px 7px 20px; border: solid #F00 0px}

.step1c:hover,.step2c:hover,.step3c:hover,.step4c:hover {background-color:#ffffff; transition:all 0.3s; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;color:#FFF;}

.input-left			{float: left;width:98%; height:20px; margin-top:0px; margin-bottom:10px; color:#666666;font-family: 'open_sansregular';border: 1px solid #d8d8d8;padding: 5px 1%;font-size:14px;}
.input-left:focus	{ background-color: #F7F7F7;  outline:0; color: #242424;}

.input-right		{float: left;width:98%; height:20px; margin-top:0px; margin-bottom:10px; color:#666666;font-family: 'open_sansregular';border: 1px solid #d8d8d8;padding: 5px 1%;font-size:14px;}
.input-right:focus	{ background-color: #F7F7F7;  outline:0; color: #242424;}

.input-left2			{float: left;width:98%; height:20px; margin-top:0px; margin-bottom:10px; color:#666666;font-family: 'open_sansregular';border: 1px solid #d8d8d8;padding: 5px 1%;font-size:14px;}
.input-left2:focus	{ background-color: #F7F7F7;  outline:0; color: #242424;}

.input-right2		{float: left;width:98%; height:20px; margin-top:0px; margin-bottom:10px; color:#666666;font-family: 'open_sansregular';border: 1px solid #d8d8d8;padding: 5px 1%;font-size:14px;}
.input-right2:focus { background-color: #F7F7F7;  outline:0; color: #242424;}

.input-head {float: right;width:98%; height:20px; margin-top:10px; color:#666666;font-family: 'open_sansregular';border: 1px solid #d8d8d8;padding: 5px 1%;font-size:14px;}
.input-head:focus { background-color: #F7F7F7;  outline:0; color: #242424;}

.input-fullhead {float: left;width:98%; min-height:20px; min-width:98%; max-width:100%; max-height:120px; margin-top:0px; margin-bottom:10px;color:#666666;font-family: 'open_sansregular';border: 1px solid #d8d8d8;padding: 5px 1%;font-size:14px;}
.input-fullhead:focus { background-color: #F7F7F7;  outline:0; color: #242424;}

.input-full {float: left;width:98%; min-height:20px; min-width:98%; max-width:100%; height:80px;  margin-top:0px; margin-bottom:10px;color:#666666;font-family: 'open_sansregular';border: 1px solid #d8d8d8;padding: 5px 1%;font-size:14px;}
.input-full:focus { background-color: #F7F7F7;  outline:0; color: #242424;}


input[type=reset]{width:100px; height: 40px; margin-top:0px; margin-left: 0px; padding-top: 0px; font-size:13pt;border: 0px solid #FFF; background-color:#d8bc6f;text-align:center;  color: #ffffff;  font-family: 'open_sansregular'; outline:0; text-decoration:none;transition:all .3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in-out;}
					
input[type=reset]:hover {background-color:#2f2f2f; transition:all .3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in-out;cursor:pointer; }

input[type=submit] { width:100px; height: 40px; margin-top:10px; margin-right: 0px; padding-top: 0px; font-size:13pt; border: 0px solid #FFF; background-color:#d8bc6f;text-align:center;  color: #ffffff;  font-family: 'open_sansregular'; outline:0; text-decoration:none;transition:all .3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in-out;}
input[type=submit]:hover {background-color:#2f2f2f;transition:all .3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in-out; cursor:pointer;}



.fmenu {margin:73px auto 50px; width:100%; height:10px; border: solid #F00 0px; font-size:16px; font-family: 'open_sansregular'; color:#fff;text-align:center;}
.fmenu ul { margin:0; text-align:center;font-family: 'open_sansregular'; text-transform: uppercase}
.fmenu ul li  {display:inline-block; list-style:none; font-size:14px; margin:7px 15px 0 15px;}
.fmenu ul li a  {text-decoration:none; text-outline:none;color:#fff;transition:all .3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in-out;}
.fmenu ul li a:hover {color:#d8bc6f;transition:all .3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in-out;}

.fmenumail {margin:10px auto 5px; width:100%; height:50px; border: solid #F00 0px; font-size:14px; font-family: 'open_sansregular'; color:#fff;text-align:center;}
.fmenumail span { background-image:url(../images/msg.png); background-repeat:no-repeat; background-position: left}
.fmenumail span1 { background-image:url(../images/phone.png); background-repeat:no-repeat; background-position: left}

.news_sec { width:100%; float:left;  background:url(../images/bg.jpg) no-repeat center; height:300px; background-attachment:fixed;background-size: cover;}
.news_bg { width:100%; float:left; height:300px;}
.news_bg h1 { background:url(../images/news_title_bg.png) no-repeat center center; text-align:center; color:#fff; margin:40px 0 10px 0; width:100%; height:10px; float:left;}

.ftrmenu { width:618px; margin:0 auto; background:url(../images/ftr_menu.png) no-repeat left top; height:50px; }
.ftrmenu ul { margin:0; text-align:center;}
.ftrmenu ul li  { display:inline-block; list-style:none; font-size:16px; margin:7px 20px 0 20px;}
.ftrmenu ul li a { text-decoration:none; color:#fff;}



.block { min-height:20px; margin:0 auto;  width:100%; background:#fff;}
.footer { width:100%; float:left; height:50px; background:#2f2f2f; }




.fr {
    margin:20px 0;
    text-align: center;
}


.social_touch { width:100%; height:auto; float:left;}
#services_touch {
  text-align: center;
  transform: translatez(0);
  padding:0;
  margin:0;
}

#services_touch li {
  width: 48px;
  height: 48px;
  display: inline-block;
  margin: 0 2px 0 2px;
  list-style: none;
}
#services_touch li div {
  width: 48px;
  height: 48px;
  color: #74d4b3;
  text-align: center;
  transition: all 0.5s ease;
}

#services_touch li div:hover { transform: rotate(360deg);}


.list { float:left; padding:0 20px; width:100%; margin:5px 0 20px 0;}
.list li { display:block; color:#000; padding:0px 0 12px 20px; background:url(../images/list.gif) no-repeat left 4px; font-size:15px;}

.design { float:right; color:#a4a4a4; padding-top:5px; font-size:13px;}
.copy { float:left; color:#a4a4a4; padding-top:5px; font-size:13px;}
.design a { color:#CCC; text-decoration:none; }
.abtn {color:#2f2f2f;  border: #FF0 solid 0px; text-decoration:none; outline:none;font-family: 'OpenSans-Semibold';}

.mobcln { width:100%; float:left; height:auto; border-bottom:10px solid #2f2f2f; display:none;}



	



.inner_banner { width:100%; height:350px; float:left; border-top:0px solid #00a0e3; border-bottom:0px solid #00a0e3;}
.inrbg { width:100%; min-height:200px; background:url(../images/inner_bg.png) no-repeat center top; float:left}
.blue { width:100%; float:left; height:50px; background:#00a0e3;}

.inner_pages { width:100%; float:left; height:auto; margin-top:-27px; padding:0px 0px 30px 0px }
.inner_pages h1 { color:#7cb659; text-align:center; margin:0 0 20px 0; font-family: 'Fjalla One', sans-serif; font-weight:normal; font-size:30px; background:url(../images/line.png) no-repeat center center;}
.inner_pages p { color:#000; line-height:25px; text-align:justify; padding:5px 20px; font-family: 'open_sansregular', sans-serif; font-size:15px;}

.inner_pages h1.line { color:#7cb659; text-align:center; margin:0 0 20px 0; font-family: 'Fjalla One', sans-serif; font-weight:normal; font-size:27px; background:url(../images/line2.png) no-repeat center center;}



.left { width:400px; float:left; height:auto; padding:0 25px 0 0;}
.right { width:435px; height:auto; float:right; padding:0 0 0 25px;}

.adrs { width:90%; float:left; padding-left:30px; height:auto; background:url(../images/address_icon.png) no-repeat left 3px; margin-bottom:0px;padding-right:10% }
.phn { width:90%; float:left; padding-left:30px; height:auto; background:url(../images/phone_icon.png) no-repeat left 3px; margin-bottom:0px; padding-right:10%}
.msg {width:100%; float:left; padding-left:30px; height:auto; background:url(../images/msg_icon.png) no-repeat left 3px; margin-bottom:0px;}

.fax { width:100%; float:left; padding-left:30px; height:auto; background:url(../images/fax_icon.png) no-repeat left 3px; margin-bottom:0px; }
.web { width:100%; float:left; padding-left:30px; height:auto; background:url(../images/web_icon.png) no-repeat left 3px; margin-bottom:20px;}

#contact_form form .input_field {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #dadada;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 28px;
    padding: 3px 10px;;
    width: 400px;
	margin:5px 0;
	float:right;
}

#contact_form form textarea {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #dadada;
    color: #000;
    font-size: 12px;
    height:84px;
    margin-top: 5px;
    padding: 5px 10px;
    width: 400px;
	max-width: 400px;
	font-family: Arial,Helvetica,sans-serif;
	float:right;
	
}

#contact_form form .btn {
    background-color: #2f2f2f;
    border: medium none;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 13px;
	font-weight:bold;
    height:36px;
    margin-left: 10px;
    padding: 3px 8px;
    width:206px;
	margin-top:10px;
}



.top  {
   
    color: #a5a5a5;
    font-size: 13px;
    margin-right: 120px;
	float:right;
	transform: skew(-30deg, 0deg);
	background: #00a0e3;
	width:400px;
	height:27px;
	border-bottom:3px solid #2f2f2f;
}

.top ul { transform: skew(30deg, 0deg);}

.top ul li {
    color: #fff;
    padding: 3px 27px;
    font-size: 13px;
    float: left;
	display:inline-block;
	margin:0 0 0 25px;
}

.top ul li.phone { background:url(../images/phone.png) no-repeat 7px 8px;}
.top ul li.mail { background:url(../images/msg.png) no-repeat 7px 8px;}

.rate_potion_inner {    background:#fff;    content: "";    height: 80px;    position: relative;    margin-top:-40px;    transform: skew(0deg, 3deg);    width: 100%;    z-index: 0;
	float:left;	border:none;	border-top:5px solid #a74086; }


.ftadrs { display:none;}

h5 {font-size:22px; color:#3cb371; text-align:center; margin-bottom:0;}
.thanksmsg { text-align:center !important;  }
.back{ text-align:center !important;}
.back a { padding:7px 30px; font-weight:bold; color:#fff; text-align:center; text-decoration:none; background:#F00;}
.thanks { margin-bottom:50px; text-align:center !important;}


/******************************************* Login **********************************************/
.login1 { background-image:url(../images/news.jpg); background-repeat:no-repeat;background-attachment: fixed; background-position:top center} 
#login-wrapper{height:330px; background-color:#FFF; position:relative;border: 1px solid #FFF; margin-top:-310px}
.login-content{ min-height:50px; margin-top:-60px; margin-bottom:-15px; padding:55px 60px 0px 60px; font-size: 14px; font-family: 'open_sansregular';color: #333333;}

.login-content p {text-align:justify}
.loginpg-content{ width:300px; height:300px; border: solid #F00 0px; margin:0 auto; margin-top:0px}

.ubox {float: left;width:100%; height:30px; margin-top:20px; color:#666666;font-family: 'open_sansregular';
					border: 1px solid #d8d8d8;padding: 5px 10px;font-size:14px;}
.ubox:focus	{ background-color: #F7F7F7;  outline:0; color: #242424;}
.pbox {float: left;width:100%; height:30px; margin-top:10px; color:#666666;font-family: 'open_sansregular';
					border: 1px solid #d8d8d8;padding: 5px 10px;font-size:14px;}
.pbox:focus	{ background-color: #F7F7F7;  outline:0; color: #242424;}

.login-button { border-radius:5px; width:90px; height: 35px; margin-top:12px;  padding-top: 0px; font-size:13pt;border: 0px solid #FFF; background-color:#00c1d2;text-align:center;  color: #ffffff;  font-family: 'open_sansregular'; outline:0; text-decoration:none;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in-out;}
					
.login-button:hover 	{background-color:#d01874; transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in-out;}

.alert { float: left; width:100%; height:30px; border: 0px solid  #d8d8d8; margin-top:10px; margin-right:15px;font-family: 'open_sansregular'; font-size:10pt; color: #000; line-height:14px; text-align:left; padding-top:5px; padding-left: 30px; text-decoration:none; outline:none}
				 
.close {float: left; width:21px; height:21px; border: 0px solid  #d8d8d8; margin-top:-3px; margin-left:-30px; margin-right:5px;
background-color: #e80509; cursor:pointer;font-family: 'open_sansregular'; font-size:11pt; color:#FFF; -moz-transition:.0s linear;-webkit-transition:.0s ease-out;transition:.0s linear; padding-top:0px;text-decoration:none; outline:none}
				 
				


/******************************************* Progress Page **********************************************/
.login1 { background-image:url(../images/news.jpg); background-repeat:no-repeat;background-attachment: fixed; background-position:top center} 
#progress-wrapper{height:350px; background-color:#FFF; position:relative;border: 1px solid #FFF; margin-top:-310px}
.progress-content{ min-height:50px; margin-top:-50px; margin-bottom:20px; padding:55px 60px 0px 60px; font-size: 14px; font-family: 'open_sansregular';color: #333333;}



/**************************  MY DETAILS POPUP **************************/

.popup {
  position:fixed; z-index:2; top:60px; left:50%;
  width:460px; height:221px; background: url(../images/bi-designs.png) no-repeat center 40px #fff;
    -moz-box-shadow:4px 4px 30px #130507;
    -webkit-box-shadow:4px 4px 30px #130507;
  box-shadow:4px 4px 30px #130507;
    -moz-transition:top 800ms;
    -o-transition:top 800ms;
    -webkit-transition:top 800ms;
  transition:top 800ms;
}
  .p_content { width:100%; text-align:center; font-size:14px; padding:135px 0 0; }
  .p_anch {
    float:left; position:relative; z-index:1; width:100%;
    margin:80px 0 0 0; text-align:center; font-size:18px;
  }
  .p_anch a { color:#000; }
  .p_anch a:hover { text-decoration:none; }
  .p_anch_bottom { margin:1500px 0 0 0; padding:0 0 50px 0; }
  .p_close {
    float:right; width:15px; height:14px; margin:11px 10px 0 0;
    background:url(../images/popup_close.png);
  }
  .p_body {
    background:#000; left:0; top:0; position:fixed; width:100%; height:100%; opacity:0.7;
      -moz-transition:opacity 800ms;
      -o-transition:opacity 800ms;
      -webkit-transition:opacity 800ms;
    transition:opacity 800ms;
  }

/* js стили — декларативно */
.js__popup {}
  .js__p_start {}
  .js__p_close {}
  .js__p_body {}
  .js__slide_top { height:0; overflow:hidden; top:0; }
  .js__fadeout { height:0; overflow:hidden; opacity:0; }

/**************************  MY DETAILS POPUP **************************/



ul.tabs
{
    padding: 7px 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right:3px; /*distance between tabs*/
}
        
ul.tabs li a
{
    font: normal 12px Verdana;
    text-decoration: none;
    position: relative;
    padding: 7px 16px;
    border: 1px solid #CCC;
    border-bottom-color:#B7B7B7;
    color: #000;
    background: #F0F0F0 url(tabbg.gif) 0 0 repeat-x;
    border-radius: 3px 3px 0 0;
    outline:none;
}
        
ul.tabs li a:visited
{
    color: #000;
}
        
ul.tabs li a:hover
{
    border: 1px solid #B7B7B7;
    background:#F0F0F0 url(tabbg.gif) 0 -36px repeat-x;
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    position: relative;
    top: 0px;
    font-weight:bold;
    background: white;
    border: 1px solid #B7B7B7;
    border-bottom-color: white;
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}
     

div.tabcontents
{
    border: 1px solid #B7B7B7; padding: 4%;
    background-color:#FFF;
    border-radius: 0 3px 3px 3px;
	float:left; width:91%;
}





#gallery {
	
		width:100%;
		float:left;
		height:auto;
	}
	#gallery ul { list-style: none; margin:0; padding:0; }
	#gallery ul li { display: inline; float:left; margin:0 100px 20px 0; }
	
	#gallery ul li.rgt { display: inline; float:left; margin:0 0px 20px 0; }
	
	
	#gallery ul a:hover { color: #fff; }





/**************************  MOBILE SECTION **************************/
.top_menu {
	width:100%;
	height:50px;
	background:#2f2f2f;/*margin-right:132px;*/
	display:none;
	border-bottom:0px solid #00a0e3;
}
#mobileMenu {
	display: block;
	z-index: 99;
	position:absolute;
	width:100%;
}
.toggleMobile {
	position:absolute;
	top: 25px;
	right: 25px;
	display: block;
	width: 25px;
	height: 25px;
	cursor: pointer;
	z-index: 999;
	float:right;
}
.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3 {
	display: block;
	position: absolute;
	width: 25px;
	height:3px;
	right: 0;
	background: #fff;
	-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile span.menu1 {
	top: 0;
}
.toggleMobile span.menu2 {
	top:7px;
}
.toggleMobile span.menu3 {
	top:14px;
}
.toggleMobile.active span.menu1 {
	top:7px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile.active span.menu2 {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile.active span.menu3 {
	opacity: 0;
	-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
#mobileMenu ul li {
	display:block;text-transform: uppercase;
	background-color: #2f2f2f;
	color: #fff;
	padding: 20px 0;
	text-align: center;
	border-bottom: 1px solid #222;
	border-top: 1px solid #555;
}
#mobileMenu ul li a {
	color:#fff;
	font-size:15px;
	padding:0px 20%;
	text-decoration:none;
}

ul { margin:0; padding:0;}




#mob_bnr { display:none;}
#mob_bnr { margin:0px; padding:0px; }
#mob_bnr li { list-style:none;}
#mob_bnr img { width:100% !important; float:left; height:100% !important;}

/* FlexSlider Default Theme
*********************************/
.slider { margin:0px 0 10px!important;}
#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}


.flexslider { margin: 0 0 60px; background: #fff;  position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flex-direction-nav {*height: 0; display:none;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -25px; text-align: center; float:left; display:none;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.mob_cln{ width:100%; padding:0; float:left;}

.slider {
    margin: 0px 0 0px !important;
}


/**************************  File Upload **************************/

.fileUpload {width:203px; height: 31px; background-color:#e5e5e5;
    position: relative; font-size:14px; color: #333; text-align:center;  font-family: 'open_sansregular'; padding-top : 9px;
    overflow: hidden;
    margin: 0px;
}
.fileUpload input.upload {width:203px; height: 31px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 50px;
    
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.uploadFile {width:100%; height: 20px; display: block; margin-bottom:-5px;
    position: relative; border:none; 
    overflow: hidden; padding-top:5px; outline:none; background-color: transparent; }


/**************************  MOBILE SECTION END **************************/

@media screen and (max-width: 1233px) {
.wrapper {max-width:1200px;}

.step {max-width:100%;}

.step1, .step2{ padding-top:50px; padding-bottom:25px; width:24%;padding-left:0%;padding-right:0%; margin-left:13%; margin-right:13%}

.step3,.step4{ padding-top:25px; padding-bottom:50px; width:24%;padding-left:0%;padding-right:0%; margin-left:13%; margin-right:13%}



}

@media screen and (max-width: 1024px) {
.wrapper { width:900px;}
.step1, .step2{ padding-top:50px; padding-bottom:25px; width:24%; float:left; padding-left:0%; padding-right:0%;  margin-left:13%; margin-right:13%; border:#F00 solid 0px}
.step3,.step4{ padding-top:25px; padding-bottom:50px; width:24%; float:left; padding-left:0%; padding-right:0%;  margin-left:13%; margin-right:13%; border:#F00 solid 0px}

}
@media screen and (max-width: 980px) {
.wrapper { width:85%;}
.top_menu { display:block;}
.navbar-nav>li>a { display:none;}
.step1{ padding-top:50px; padding-bottom:25px; width:66%; float:left; padding-left:17%; padding-right:17%; margin-left:0%; margin-right:0%;}
.step2,.step3{ padding-top:25px; padding-bottom:25px; width:66%; float:left; padding-left:17%; padding-right:17%; margin-left:0%; margin-right:0%;}
.step4{ padding-top:25px; padding-bottom:50px; width:66%; float:left; padding-left:17%; padding-right:17%; margin-left:0%; margin-right:0%;}

.footer {height:65px; position:relative;}
.welcome { margin-top:20px; margin-bottom:20px;}
.welcome h1 { width:100%; }

.news { display:none;}
.copy { width:100%; text-align:center; padding-top:0px;}
.design { text-align:center; float:left; width:100%; padding-top:0px; margin-top:-10px}

.tpblu { height:20px;}
.top { display:none;}
.logo { margin-top:-10px;  width:150px; height:49px; background-image:url(../images/logomob.png); background-repeat:no-repeat}
.sub-title {margin-top:-4px;font-size:14px; color:#FFF;width:230px; height:45px;}

.banner { display:none;}
#mob_bnr { display:block;}
.flex-direction-nav { display:none;}
flex-control-paging { display:none;}
.skdslider ul.slides li img { width:100%;}
.inner_banner { display:none;}




.left { padding:0; width:100%;}
.right { padding:0; width:100%;}



#contact_form {  text-align:center;}
#contact_form form .input_field { width:85%; float:none;}
#contact_form form textarea  {max-width: none; width:85%; float:none;margin-right:2px;}
#contact_form form .btn { float:none; margin:0 auto}

.news_bg h1 {margin:50px 0 10px 0;}
.news_bg { height: auto}
.news_sec {height: auto}
.touch p { line-height:20px !important;}
.touch h2 {padding:0px 20px;}
.ftadrs { display:block;}
.ftadrs { width:100%; padding:30px 0 0 0px; background: url(../images/address_icon.png) no-repeat center top; }
.ftadrs p { text-align:center;}
.social_touch { margin-top:-5px; margin-bottom:35px}

.inner_pages p { padding:2% 4%;}
.mobcln { display:block;}

.ftrmenu { display:none}

}

@media screen and (max-width: 660px) {
	.step1{ padding-top:50px; padding-bottom:25px; width:66%; float:left; padding-left:17%; padding-right:17%; margin-left:0%; margin-right:0%;}
.step2,.step3{ padding-top:25px; padding-bottom:25px; width:66%; float:left; padding-left:17%; padding-right:17%; margin-left:0%; margin-right:0%;}
.step4{ padding-top:25px; padding-bottom:50px; width:66%; float:left; padding-left:17%; padding-right:17%; margin-left:0%; margin-right:0%;}

.news_bg h1 {background: none}
.fileUpload {width:180px;}
.fileUpload input.upload {width:180px;}	

}