body { font-family:Roboto; background:#eee;}

.head { background-color:#d9261c; padding:3px 0; }
.email { color:#fff; font-family:Montserrat; font-size:12px; padding:0; font-weight: bold;} 
.email li { list-style:none; float:right; padding:0 35px 0 0; }
.email .fa { font-size:18px; padding:0 8px 0 0; }

.head_1 { padding:5px 0 5px; }
.sign { float:right; }
.sign a { color:#fff; font-family:Montserrat; font-size:12px; transition:border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s; }
.sign a:hover { color:#ccc; }
.sign .fa { padding:0 8px 0 0; }
.cart { padding:8px 0 0; }
.cart a { color:#232324; font-size:22px; transition:border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s; }
.cart a:hover { color:#4b265c; }

/********************************** header small CSS start here */
header { background-color:#fff; border-bottom:1px solid #ccc; height:auto; left:0; padding:0; position:fixed; top:0; transition:height 0.3s ease 0s; width:100%; z-index:999; }
header.smaller { height:auto; }
header.smaller .head { display:none; }
header.smaller .nav > li > a { padding:15px 19px; transition:all 0.7s ease-in 0s; }

/**** Navbar CSS Start Here ****/
.mt{margin-top:-50px;}
.nav > li > a { color:#232324; font-family:Montserrat; font-size:14px; font-weight:500; letter-spacing:1.5px; padding:18px 19px; }
.navbar-default .navbar-nav > li > a {padding-top: 25px; color:#232324; transition:border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s; font-weight: bold; }

.navbar-toggle.collapsed .icon-bar { opacity:1; top:0; transform:rotate(0deg); }
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) { top:7px; transform:rotate(45deg); }
.navbar-toggle:not(.collapsed) .icon-bar { height:2px; position:relative; transition:all 300ms ease-in-out 0s; width:22px; }
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) { opacity:0; }
.navbar-toggle:not(.collapsed) .icon-bar:last-child { top:-5px; transform:rotate(-45deg); }
/**** Navbar CSS End Here ****/

#netsec_menu { float:right; }
.hbanner{margin-top: 128px;}
.carousel-caption{
	font-size: 33px;
    margin-bottom: -97px;
    font-weight: 100;    text-align: center;

}
.join { color:#fff; font-size:40px; font-weight:300; left:0; line-height:1.2; margin:0 auto; position:absolute; right:0; text-align:center; top:300px; width:52%; }

.video_btn img { float:left; margin:-7px 12px 0 0; }
.video_btn { background-color:#4b265c; border:1px solid #fff; border-radius:4px; color:#fff; font-family:Montserrat; font-size:14px; letter-spacing:1px; margin:20px 0 0;  padding:16px 20px 10px; transition:border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s; }
.video_btn:hover { background-color:#000; }

.learn { left:0; margin:-16px 0 0; position:absolute; right:0; text-align:center; }
.learn a { color:#6e6e6e; font-family:Montserrat; font-size:14px; font-weight:500; letter-spacing:1.5px; transition:border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s; }
.learn a:hover { color:#4b265c; }
.learn .fa.fa-angle-down { background-color:#fff; border:1px solid #ccc; border-radius:50%; box-shadow:0 3px 3px #666; font-size:24px; height:32px; margin:0 0 10px; padding:3px 0 0; width:32px; }
.main { padding:35px 0 0; }
.easy { color:#d9261c; font-size:44px; font-weight:300; padding:30px ; text-align:center; }

.effect { clear:both; overflow:hidden; height:auto; }
.imagee { transition:all 0.7s ease; -webkit-transition:all 0.7s ease; border: 1px solid #eee;}
.imagee:hover { transform:scale(1.1); -webkit-transform:scale(1.1); }

.clip { background-color:#f5f7f9; border-bottom:2px solid #d9261c; color:#4c4c4c; font-size:15px; line-height:1.6; padding:18px 10px 25px; text-align:center; }
.clip span { color:#000; font-family:Montserrat; font-size:13px; font-weight:500; letter-spacing:1px; text-transform:uppercase; }
.bg { padding:70px 0 0; }
.about { background-color:#f5f7f9; padding:0 0 30px; }
.abt_txt { color:#000; font-family:Montserrat; font-size:32px; letter-spacing:1.5px; padding:10px 0 10px;text-align:center; }
.about_txt { color:#000; font-size:17px; line-height:1.6; text-align:center; }
.about img { margin:-25px 0 0; }
.main_1{background:#f5f7f9;}
.dd { padding-left:0; }
.text { color:#000; font-size:17px; line-height:1.6; padding:60px 30px 65px 15px; text-align:justify; }
.ask_btn { background-color:#4fce5d; border:1px solid #075E54; border-radius:4px; color:#fff;  font-family:Montserrat; font-size:20px; margin:0 0 0 18px; padding:10px 50px; transition:border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s; }
.ask_btn:hover { background-color:transparent; color:#4b265c; }

.dd1 { padding:25px 0; }
.buy { background-color:#d9261c; color:#fff; font-family:Montserrat; font-weight:300; font-size:45px; padding:50px 0 80px; text-align:center; }
.shop_btn { background-color:transparent; border:1px solid #fff; border-radius:4px; color:#fff; font-family:Montserrat; font-size:22px; margin:45px 0 0; padding:10px 35px; transition:border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s; }
.shop_btn:hover { background-color:#fff; color:#4b265c; }

footer { border-top:1px solid #ccc; padding:45px 0 40px;background:#fff; }
.link { color:#2e2e2e; font-size:23px; font-weight:600; padding:0 0 4px; }
.link_1 { padding:0; }
.link_1 li { list-style:none; padding:5px 0; }
.link_1 a { color:#2e2e2e; font-size:14px; transition:border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s; }
.link_1 a:hover { color:#4b265c; } 

.social { padding:25px 0 0; }
.social li { float:left; list-style:none; }
.social a { color:#2e2e2e; font-size:26px; padding:0 15px 0 0; transition:border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s; }
.social a:hover { color:#000; }

.check { clear:both; padding:50px 0 15px; }

.card { padding:0; }
.card li { float:left; list-style:none; padding:0 14px 0 0; }
.copy {
    background-color: #fff;
    color: #4d4d4d;
    font-size: 14px;
    font-weight: 500;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #ccc;
}
/************************ inner_page CSS start here ******************************/
.outer { background-image:url('../images/image_7.jpg'); background-size:100% 100%; margin:128px 0 0; padding:80px 0 25px; } 
.about_txt_1 { color:#fff; font-family:Montserrat; font-size:30px; font-weight:300; letter-spacing:1.5px; }
.text_2 { color:#fff; font-family:Montserrat; font-size:16px; float:right; letter-spacing:1.5px; padding:16px 0 0; text-transform:uppercase; }
.text_2 a { color:#fff; transition:border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s; }
.text_2 a:hover { color:#4b265c; }
.first { color:#231f20; font-family:Montserrat; font-size:30px; letter-spacing:1.5px; text-align:center; }
.first_txt { color:#747474; font-family:Montserrat; font-size:15px; line-height:1.6; padding: 0; text-align:justify; }
.outer_1 { padding:00px 0; }
.why_txt { color:#d9261c; font-family:Montserrat; font-size:30px; letter-spacing:1.5px; margin:-12px 0 30px; }
.outer_2 { padding:30px 0 80px; }


.log-formbg {
    background-color: #fff;
    border: 1px solid #dedddd;
    margin: 0 0 30px;
    padding: 20px;
}
#confirm {
	position: relative;
	height: auto;
	padding-bottom: 45px;
}
#confirm  label {
	display: block;
	position: relative;
	min-height: 41px;
	width: 166px;
}
#confirm  label.message {
	min-height: 248px;
}
#confirm input {
    display: inline;
    position: absolute;
    margin: 0;
    outline: none;
    width: 279%;
    height: 30px;
    border: 1px solid #dddddd;
    color: #727272;
    font: 13px/20px Arial, sans-serif;
    padding: 0px 12px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    box-shadow: none !important;
    margin: -6px 16px;
}
#confirm textarea {
    display: inline;
    margin: 0;
    padding: 5px 12px;
    outline: none;
    font: 13px/20px Arial, sans-serif;
    background: #ffffff;
    color: #727272;
    border: 1px solid #dddddd;
    width: 272%;
    height: 199px;
    resize: none;
    margin: -3px 8px;
    overflow: auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    box-shadow: none !important;
    position: absolute;
}
#confirm label > span {
	color: #f3301e;
	position:relative;
	left: 12px;
}
#confirm .success {
	color:#8ac733;
	display:none;
}
#confirm  .empty, #confirm  .error {
	font: 12px/20px "Trebuchet MS", sans-serif;
	display:none;
}
#confirm .btns {
	position: absolute;
	left: 0;
}
#confirm .btns a {
	margin-right: 20px;
}

.emailform {
    border-radius: 0 !important;
    font-size: 14px !important;
    height: 47px !important; color:#333;
}
/*********** accordion start here ****************/
.accordion { margin:0 0 60px; }
.accord { padding-bottom:0px; }
.accord-txt { border-bottom:1px solid #ccc; color:#000; font-size:13px; line-height:1.6; margin:-21px 0 15px; padding:25px 5px 15px; text-align:justify; }
.accord-txt strong { font-weight:bold; font-size:18px; }
.accordion_head { border-bottom:1px solid #ccc; clear:both; color:#000; font-size:14px; line-height:1.5; margin-bottom:10px; padding:5px 0 18px; }
.plusminus { background-color:#d9261c; border-radius:1px; color:#fff; cursor:pointer; float:left; font-size:20px; height:22px; line-height:1; margin:0 10px 0 0; padding:0 0 0 6px; width:22px; }
/*.... accordion end here ....*/
/************************ inner_page CSS end here ******************************/


/*.................. Home-Page-Media .................. */ 
@media (min-width:320px) and (max-width:639px){
.head { padding:4px 0 10px; }	
.email { text-align:center; }
.email li { float:none; padding:8px 0 0; }
.sign { float:none; text-align:center; }
.video_btn { font-size:11px !important; padding:16px 15px 10px !important; }
.video_btn img { margin:-8px 8px 0 0 !important; }

/************************ inner_page media start here ******************************/
.text_2 { font-size:13px; letter-spacing:0; }
.accordion_head { font-size:10px; }
}

@media (min-width:320px) and (max-width:767px){
header { position:relative; }	
#netsec_menu { float:none; }
.logo { margin:0 auto; }
.cart { display:none; }
.head_1 { padding:20px 0 0; }
header.smaller .head { display:block; }
header.smaller .nav > li > a { padding:7px 0; }
.nav > li > a { padding:7px 0; }

.carousel { margin:0; }	
.carousel { height:200px !important; }
.carousel .item { height:200px; }
.carousel-inner > .item > img { height:200px; margin-top: 00px;}	

#confirm input { width: 140%;}
#confirm textarea { width: 140%;}

.video_btn img { margin:-5px 8px 0 0; width:30px; }
.video_btn { font-size:15px; padding:15px 15px 11px; }
.main { padding:75px 0 0; }
.easy { font-size:34px; }
.clip { margin:0 0 25px; }
.bg { padding:40px 0 0; }
.abt_txt { font-size:35px; padding:35px 0 10px; }
.about_txt { font-size:16px; }
.about img { margin:30px auto 0; }
.dd { padding-left:15px; }
.text { font-size:16px; padding:30px 0; }
.ask_btn { float:none; font-size:24px; margin:0; padding:10px 40px; }
.buy { font-size:30px; padding:30px 0 60px; }
.link { font-size:20px; font-weight:500; padding:0; }
.link_1 a { font-size:14px; }
.social { padding:10px 0 0; }
.check { padding:25px 0 20px; }
.copy { font-size:12px; }

/************************ inner_page media start here ******************************/
.outer { background-size:cover; margin:0; background-position:-439px center; }
.first { font-size:16px; }
.why_txt { margin:25px 0 30px; }
.outer_2 { padding:0; }
}

@media (min-width:767px){
.dropdown:hover .dropdown-menu { display:block; margin:0 0 0 19px; }
#confirm input { {width: 100%;}
#confirm textarea { {width: 100%;}
}

@media (min-width:768px) and (max-width:1023px){
.carousel { height:320px !important; }
.carousel .item { height:320px; }
.carousel-inner > .item > img { height:320px; }
	
.abt_txt { font-size:30px; padding:25px 0 10px; }
.about_txt { font-size:14px; }
.text { font-size:14px; padding:25px 0; }
.ask_btn { font-size:18px; margin:0; padding:10px 25px; }
.buy { font-size:36px; padding:40px 0 50px; }
.link { font-size:13px; }
.link_1 a { font-size:12px; }
.link_1 li { padding:2px 0; }
.social { padding:10px 0 0; }
.social a { font-size:18px; padding:0 10px 0 0; }
.check { padding:20px 0 15px; }
.card li { padding:0 5px 0 0; width:38px; }
.copy { font-size:12px; }

/************************ inner_page media start here ******************************/
.first { font-size:24px; }
.accordion_head { font-size:13px; }
.outer_2 { padding:0; }
}

@media (min-width:1024px) and (max-width:1024px){
.carousel { height:400px; }
.carousel .item { height:400px; }
.carousel-inner > .item > img { height:400px; }

.about_txt { font-size:15px; }
.text { font-size:15px; padding:40px 0; }
.ask_btn { font-size:22px; margin:0; padding:10px 30px; }
.link { font-size:19px; }
.link_1 a { font-size:14px; }
.card li { padding:0 9px 0 0; }
.check { padding:25px 0 15px; }
.copy { font-size:13px; }
}