/*=============================================================
    Authour URI: www.binarytheme.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */



/* ===========================================================
   GENERAL STYLESHEET BY BYINARY THEME    
   ============================================================*/

@font-face {
    font-family: myriadpro;
    src: url(../fonts/myriadpro-light.otf);
}




body {
    font-family: myriadpro, 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 1.4em;
    font-weight: 400;
}


h1, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    line-height:1.2em;
}


h1 {
  font-family: myriadpro, sans-serif, arial;  padding-top: 0px;
    color: #333333;
    font-weight: 800;
 }


h5 {
    padding-bottom: 30px; color: #333333;
 line-height:2.1em; 
}
h3 {  font-family: myriadpro, 'Open Sans', sans-serif;
 font-size: 1.9em; color:orange;}
h2 { font-family: myriadpro, 'Open Sans', sans-serif;
 font-size: 2.2em; color:#FFF; font-weight:800; margin-bottom:28px;}

/* ===================================================== Additions to Theme ===================================================================== */
.sub-product-title{ color:#667; font-size:.9em; text-align:center; padding:2px 2px;}
.sub-product-title a { color: #667; text-decoration: none;}
.container hr {
margin: 13px 0;
}

.center { width:100%; text-align:center;}
span.red {color:red; display:inline;}
.clear { clear:both;}
#captcha-image{ margin:15px 15px 15px 15px;}
.formtext { color:#f0ad4e;  font-family: 'Open Sans', sans-serif;
 font-weight: 400; margin-left:18px; }
.img-center { margin: 0 auto;width: 174px;}
#movie-wrap { max-width:100%; margin-top:0px}
#text-center {
float:left; margin-top:10px;}
#mainlogodiv { margin: 0 auto; border:0px solid green; text-align:center; width:100%; padding-top:12px;}
#products-wrap{ width: 100%;}
#pd-innerwrap { width: 100%; margin: 0 auto;}
#pd-innerwrap img {max-width:100%;}
#tag-desc-text { color:#667; padding: 10px 15px 10px 20px; line-height:1.6em; margin-bottom:100px;}



.pd1 {float:left; margin-top:10px; margin-left:6px; border:0px solid orange; text-align:center; }

.pantel-text {color:#949494; font-family: 'Open Sans', sans-serif;
 font-weight: 400; line-height:1.8em;}
#header-section{ background-color: #FFF;}
#header-section-captcha{ background-color: #FFF; }
#about-section {   
background: url(../img/greyfade2.png) no-repeat fixed; 
 }

#price-section{ 

background: url(../img/greyfade2.png) no-repeat fixed; 
}
#contact-section { 
background: url(../img/greyfade2.png) no-repeat fixed; 
   
   /* fallback 
background-color: #f7f7f7;
background: url(images/linear_bg_2.png); 
background-repeat: repeat-x; 
    
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#e0dede));
  
background: -webkit-linear-gradient(top, #e0dede, #f7f7f7); 
   
background: -moz-linear-gradient(top, #e0dede, #f7f7f7); 
  
background: -ms-linear-gradient(top, #e0dede, #f7f7f7); 
  
background: -o-linear-gradient(top, #e0dede, #f7f7f7); 
*/ 

 }



.main-top-margin {
    margin-top: 120px;
}


.main-low-margin {
    margin-top: 100px;
 margin-bottom:85px;}


a, a:hover {
    text-decoration: none;
}


p {
    line-height: 30px;
    margin-bottom: 23px;
}


.img-margin-product {
    margin-top: 30px;
}


.bottam-pad {
    padding-bottom: 40px;
}


.space-bottom {
    height: 120px;
}


.space-top {
    height: 70px;
}


.main-icon {
    font-size: 350px;
    color: rgba(102, 110, 197, 1);
}


.head-line {
    font-size: 70px;
    padding-bottom: 50px;
    line-height: 65px;
    font-weight: 900;
}

/* ==========================================================================
   COLOR CODES
   ========================================================================== */


.color-red {
    color: #ff0000;
}

.color-green {
    color: #07BB00;
}

.color-light-blue {
 color: #69affd;
}


.color-blue {
    color: #0052FF;
}

.color-brown {
    color: #EB8F2D;
}

.color-black {
    color: #000000;
}
.color-orange { color:#fe9532;}


.section {
    background-color: rgba(102, 110, 197, 1);
    color: #fff;
}


/* ==========================================================================
   PRICE SECTION
   ========================================================================== */


.active {
    background: #EB8F2D!important;
}


#pricing-section .plan-main {
    background: #31B2D3;
    list-style: none;
    margin: 0 0 20px;
    text-align: center;
    padding: 0;
    border-bottom: 1px solid #e1e1e1;
}


#pricing-section .plan-main li {
        padding: 10px 0;
        margin: 0 15px;
        border-bottom: 1px dashed #eee;
    }


#pricing-section .plan-main li.plan-name {
            padding: 15px 0;
            font-size: 18px;
            font-weight: 700;
 }       
#pricing-section .plan-main li.plan-price {
            color: #666;
            padding: 15px 0;
            font-size: 48px;
        }

        
#pricing-section .plan-main li.plan-action {
            margin-top: 20px;
            margin-bottom: 20px;
            border-bottom: 0;
        }

    
#pricing-section .plan-main.featured {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

        
#pricing-section .plan-main.featured .plan-price {
 color: #fff;
 background-color: #52b6ec;
 border-bottom-color: #52b6ec;
  margin: 0;
        }




/*==========================================
   SOCIAL ICON STYLES
    =====================================================*/



.color-facebook {
    color: #3B5998;
}

.color-twitter {
    color: #00aced;
}


.color-google-plus {
    color: #dd4b39;
}


.color-linkedin {
    color: #007bb6;
}


.color-pinterest {
    color: #cb2027;
}

/* ===========================================================
   BOOTSTRAP ELEMENTS CHANGES   
   ============================================================*/

.navbar {
    font-weight: 500;
    font-size: 14px;
}


.navbar-inverse {
    background: #000;
    border-color: #000;
}

   
.navbar-inverse .navbar-nav > .active > a {
        background: #ffffff;
    }

    
.navbar-inverse .navbar-brand {
        color: #fff;
        font-weight: bolder;
        font-size: 25px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    
.navbar-inverse :hover .navbar-brand:hover {
        color: #fff;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #FFFFFF;
    }



/* ==========================================================================
   PARALLAX STYLES
   ========================================================================== */

section {
    position: relative;
    width: 100% !important;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    
section:nth-of-type(1) {
        background: #FAFAFA;
        height: 200px;
    }

   
section:nth-of-type(2) {
        background: #FAFAFA;
        height: 200px;
    }


#story-freext > div:nth-of-type(1) {
 background: url(../img/1.jpg) 50% 0  no-repeat fixed;
 height:200px; position: relative;
 width: 100%; }


#story-two > div:nth-of-type(2) {
 background: url(../img/2.jpg) 50% 0 no-repeat fixed;
 height: 200px;
 position: absolute;
 width: 100%;
}


section article {
    position: absolute;
    left: 80px;
    width: 100%;
    z-index: 4;
    color: #fff;
    font-size: 20px!important;
    padding: 20px;
}

    
section article span {
  line-height: 40px!important;
        font-weight: 600!important;
    }



/* ========= drop down styles ===========*/
<!--
////////////////////////////////////////
////           Demo #1              ////
////////////////////////////////////////
-->

.dropcontainer {
	position:relative;
	font-size: 16px;
	color: #777;
	} 

.trigger {
	color: #777;
	padding: 10px;
	font-size: 16px;
	width: 50%;
	background: #fff url(../images/select-arrow-open.png) 98% center no-repeat;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	}

.trigger:hover {
	color: #777;
	background: #f5f5f5 url(../images/select-arrow-open.png) 98% center no-repeat;
	}

.activetrigger {
	color: #777;
	padding: 10px;
	font-size: 16px;
	width: 50%;
	background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.activetrigger:hover {
	background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
	color: #777;
	}

.activetrigger:active {
	background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
	color: #777;
	}

.dropcontainer ul {
	font-size: 16px;
	border: 1px solid #ccc;
	border-top: none;
	background: #fff;
	list-style-type: none;
	padding: 10px;
	margin: 0;
	width: 50%;
	z-index: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.dropcontainer ul li {
	padding: 5px;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	}

.dropcontainer ul li:hover {
	background: #f5f5f5;
	outline: none;
	}

.dropcontainer ul li:first-child {
	display: none;
	}

.dropcontainer ul li:last-child {
	border-bottom: none;
	}

.dropdownhidden {
	display: none;
	}

.dropdownvisible {
	height: 200px;
	overflow-y: scroll;
	}


<!--
////////////////////////////////////////
////           Demo #2              ////
////////////////////////////////////////
-->	


.dropcontainer_demo2 {
	position:relative;
	font-size: 16px;
	color: #777;
	} 

.trigger_demo2 {
	color: #777;
	padding: 10px;
	font-size: 16px;
	width: 50%;
	background: #fff url(../images/select-arrow-open.png) 98% center no-repeat;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	}

.trigger_demo2:hover {
	color: #777;
	background: #f5f5f5 url(../images/select-arrow-open.png) 98% center no-repeat;
	}

.activetrigger_demo2 {
	color: #777;
	padding: 10px;
	font-size: 16px;
	width: 50%;
	background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.activetrigger_demo2:hover {
	background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
	color: #777;
	}

.activetrigger_demo2:active {
	background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
	color: #777;
	}

.dropcontainer_demo2 ul {
	font-size: 16px;
	border: 1px solid #ccc;
	border-top: none;
	background: #fff;
	list-style-type: none;
	padding: 10px;
	margin: 0;
	width: 50%;
	z-index: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.dropcontainer_demo2 ul li {
	padding: 5px;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	}

.dropcontainer_demo2 ul li:hover {
	background: #f5f5f5;
	outline: none;
	}

.dropcontainer_demo2 ul li:first-child {
	display: none;
	}

.dropcontainer_demo2 ul li:last-child {
	border-bottom: none;
	}

.dropdownhidden_demo2 {
	display: none;
	}

.dropdownvisible_demo2 {
	height: auto;
	}

.dropdownvisible_demo2 {
	height: 200px;
	overflow-y: scroll;
	}



/* ==========================================================================
   FOOTER SECTION
   ========================================================================== */



#footer {
    background-color: #000;
    color: #fff;
    padding: 30px;
}